I. Crearea şi utilizarea paginilor WEB 


Aspectele cele mai importante în C 
Cu- includ formatări, componente FrontPage, tabele, text şi imagini. In acest sens vom 


parcurge următorii paşi: 


I. Crearea unui site web 


În cele ce urmează vom identifica planul sitului, vom crea un nou site web, o pagină principală şi 
vom adăuga şi formata textul din pagina principală. 
Obiective: 
- identificarea elementelor principale din faza de planificare a sitului web; 
- crearea unui conţinut web vid bazat pe şabloanele Empty Web; 


Să presupunem că am primit sarcina de a crea un site web pentru compania la care lucrăm. 
Dispunem de Microsoft FrontPage sau Macromedia Dreamweaver, avem unele idei şi suntem gata să 


u este de dorit ca situl web să se piardă în mulțimea de situri de pe Internet. O înțegere clară a 
ceea ce implică crearea unui site web, împreună cu o planificare intensivă înainte de a produce conţinutul 


web, ne va ajuta să creăm o motivaţie clară şi planul de atac care ne poate salva de la ore de control 
ulterioare O 


Cuvântul “web”este foarte vag şi este cel mai bine să fie clarificat de la început pentru a evita 
confuziile 


Intr-un director web, numit uneori directorul rădăcină pot fi pagini 
web multiple (documente scrise în HTML cu nume de fişiere unice şi locație unică), o varietate de 
subdirectoare şi uneori alte “web” numite “subweb”. Pe scurt, “web” —ul FrontPage-ului este un container 
pentru stocarea şi manipularea fişierelor aflate în legătură. “Web”-ul nu trebuie confundat cu World Wide 
Web, sau Web, care reprezintă un sistem de servere Internet care stochează sau găzduiesc “web”-uri 
individuale. Termenii “site”, “web” şi “site web” sunt sinonimi. 

Un exemplu de site web mare este situl Microsoft. “Web'-ul este localizat la 
http://www.microsoft.com şi conţine sute de subdirectoare, cum ar fi directorul FrontPage 


(http://www.microsoft.com/frontpage/) şi pagini web individuale, cum ar fi 


http://www.microsoft.com/frontpage/usine .html . 


cărți (web-uri). Fiecare carte are propriile sale pagini (pagini web) care acoperă un subiect particular şi 
aşa cum ne aşteptam unele cărți sunt cel mai bine vândute în timp ce altele nu au fost niciodată citite. 

Crearea unui “web” poate fi divizată în următoarele procese ciclice: planificare, producere şi 
publicare aşa cum putem observa în figura 1. Deşi este extrem de simplificată, fiecare stadiu include o 
varietate de paşi care trebuie urmaţi pentru a asigura succesul sitului. 


Planificare 


Publicare 


Producere 


Figura 1. Procesele de creare a unui “web” 


Planificarea, asupra căreia vom insista în cele ce urmează, este stadiul peste care se trece cu 
vederea cel mai frecvent deşi este un prim pas. Producerea, care are încărcătura cea mai mare, include 
crearea “web”-ului şi a conţinutului aferent: construirea, legarea şi întreținerea paginilor web. Ultimul 
stadiu îl reprezintă publicarea, care semnifică plasarea “web”-ului undeva, de obicei pe un server web, 
pentru a fi accesibilă publicului. 

În general, procesul de creare a sitului este puţin impropriu deoarece sugerează faptul că atunci 
când creăm un site, munca noastră este finalizată, când de fapt, în realitate, publicarea sitului este un 
semnal de reînceperere a ciclului. În funcţie de reacţia şi informaţia recepționată de la clienți sau 
persoanele care vizitează “web”-ul nostru, va fi nevoie să planificăm, implementăm şi publicăm 
schimbările şi actualizările pentru ca situl nostru să aibă succes. Cum anume vom păstra situl actualizat 
este o parte a procesului de planificare. 

Înainte de a începe ar trebui să menţionăm faptul că deosebirea între “web”-urile bune şi rele este 
pur subiectivă: “frumuseţea este în ochiul celui care priveşte”; desigur există câteva modificări pe care 
putem să le aducem “web”-ului pentru a-l face mai uşor de folosit de către utilizator. În general, se 
doreşte ca modul de organizare al “web”-ului şi designul grafic să suporte mesajul nostru şi nu să fie 
copleşitor. Deciziile de proiectare trebuie să fie foarte rafinate şi pline de semnificaţie. Organizarea şi 
grafica ne ajută deci să atragem atenția auditoriului ţintă asupra uşurinței în utilizare a “web”-ului în 
fiecare stadiu de dezvoltare a sitului. 

Următoarele elemente organizaționale (ce trebuie făcut şi ce nu) ne vor ajuta să creăm un “web” 
bun care va fi uşor de folosit: 

- plasarea conţinutului similar al paginilor în aceeaşi categorie. Aparent sună rezonabil. Dar când 
conţinutul va începe să crescă este posibil să nu fie corect locul unde vrem să-l plasăm; 

- o plasare consecventă a elementelor repetitive (bare de navigare, logo-uri) prin plasarea acestor 
elemente în acelaşi loc pe fiecare pagină. În acest fel, vizitatorii nu vor trebui să “reînveţe” unde să se 
uite pe fiecare pagină din site; 

- plasarea celor mai importante elemente din pagină în porțiunea de stânga sus a ecranului, ne va 


asigura că elementul este văzut imediat, fără a cere vizitatorului să parcurgă tot ecranul; 

- păstrarea unei structuri ierarhice relativ uniforme (nu prea multe straturi de conţinut mai jos de 
pagina principală) şi organizate. După cum putem vedea în figura 2 paginile sunt aranjate cât mai aproape 
de pagina web principală, ideal fiind existenţa a 3 sau maxim 5 niveluri. O ierarhie web comună este 
pagina principală, paginile de categorii şi paginile de detalii. Dacă unei persoane îi ia mai mult decât 
câteva clic-uri să obțină informația, va renunța şi se va duce pe un alt site; 

- prezentarea informaţiei generale în paginile care sunt poziţionate pe nivelele superioare ale 
“web”-ului şi plasarea informației mai specifice în pagini la nivelele inferioare. Aceasta va crea un efect 
“drill-down”. Figura 2 afişează pagina principală deasupra categoriilor generale. Aceste categorii au 
pagini specifice subordonate acestora; 

- păstrarea “web”-ului cât mai curat. Nu publicaţi fişiere inutile pe “web” care pe lângă că se 
pierde spaţiu de stocare valoros, încetinește şi performanțele “web”. Pe cât posibil vom încerca să 
reducem dimensiunea fişierelor, atât pentru paginile web şi cât si pentru imagini pentru ca paginile să se 
încarce cât mai rapid. 


Services 


Product 1 | Product 2 | | Product 3 | | Service 1 | Service 2 | Service 3 | 


Fig.2 Ierarhie de navigare simplă şi adecvată 


Toate recomandările organizaționale menţionate pot fi rezumate într-o singură propoziție: NU daţi 
de lucru vizitatorilor când utilizează situl; timpul lor este prețios. 

Următoarele elemente grafice ne vor ajuta să creăm un “web” bun care este uşor de vizualizat de 
auditoriul țintă: 

- furnizaţi o atmosferă “vizuală” confortabilă şi plăcută pentru vizitatori. Nu-i șocați cu inutile 
contraste de culori. 

Toate recomandările grafice pot fi sumarizate într-un singur cuvânt: diminuare. Doar din cauză că 
putem utiliza diferite opțiuni de formatare nu însemnă că este şi necesar. 

- utilizaţi culori şi nuanţe suficient de contrastante. Fiecare element din pagina web trebuie să fie 
uşor de deosebit de alte elemente. 

Deşi contrastarea culorilor este importantă nu exagerați. Un contrast puternic reliefat poate fi 
dificil de vizualizat comparativ cu unul subtil. 

- selectarea unor culori contrastante se aplică pentru text, dar şi pentru imagini. În majoritatea 
cazurilor intenţia este de a plasa text închis la culoare pe un fundal de culoare deschisă. Nu este nimic 
greşit în acesta, textul deschis pe un fundal închis fiind considerat un gen de amatorism. Evitaţi textul de 
culoare deschisă pe un fundal închis şi textul de culoare închisă pe un fundal închis; lipsa de contrast va 
face imposibilă citirea mesajului pentru vizitatori; 

- utilizați culori consistente şi pline de semnificaţie; nu schimbaţi culorile de dragul schimbării. 
Culorile repetitive pot spori nivelul de uşurinţă în utilizare a sitului din partea vizitatorului. Cu cât o 
persoană utilizează mai uşor situl, cu atât va dori să se întoarcă; 

- organizaţi cu ajutorul culorilor. Prin elementele de legătură din pagini, cum ar fi barele de 


1 Drill Down este o tehnic simpl folosit pentru împ r irea unei probleme complexe în p r i mai 
mici, mai uşor de manipulat, în mod progresiv 


navigare, aceeaşi culoare, se creează o conexiune vizuală între acestea; 

- feriți-vă de folosirea culorilor preferate. Doar pentru că albastru este culoarea noastră favorită 
acesta nu înseamnă că trebuie să o folosim tot timpul; 

- restricționaţi numărul de culori diferite utilizate în site la maximum trei culori complementare; 

- anticipați percepția auditoriului ţintă privind preferințele de culoare. Culorile pot avea 
semnificații psihologice şi culturale; de exemplu, albul poate simboliza puritatea în culturile occidentale, 
dar în Japonia, albul este asociat cu moartea. Culorile pot avea de asemenea implicaţii fizice. Dacă o 
porțiune semnificativă a auditoriului țință are o deficiență vizuală (cum ar fi o vedere slabă sau 
incapacitatea de a deosebi culorile) trebuie să avem în vedere creşterea dimensiunii fonturilor şi/sau 
evitarea utilizării culorii verde sau roşu (problemă asociată cu cele mai comune forme de imposibilitate 
de distingere a culorilor). 

Pentru informaţii suplimentare privind accesibilitatea siturilor web consultați W3.org: 
http:/Awww.w3.org/W AL. 

- nu utilizați culoare: Da şi nu. Nu utilizaţi culoare, sau mai preferabil utilizați negru şi alb. Din 
nou, lăsaţi auditoriul țintă să vă ajute să decideti; 

- luaţi în considerare posibilitatea utilizării unor metafore potrivite în proiectarea sitului. De 
exemplu, dacă scopul sitului este să transmită viitorilor studenți informații despre universitate, utilizarea 
unui cadru gen sală de curs drept motiv de proiectare este aplicabil. Metaforele pot fi uneori complicate, 
îndeosebi atunci când se urmăreşte ca situl să fie acceptat internațional. 

Pentru informaţii adiţionale privind uşurinţa in folosire vizitaţi situl lui Jacob Nielsen Uselt.com: 
http://www.useit.com . (vezi cele două articole de la final din 99 si actualizarea lui in 03). 

Pentru a vedea câteva exemple de proiectare corectă a siturilor web, lansați browserul şi explorați 
următoarele situri: 

e http://www.web100.com/ 
e  http://www.thewebawards.com/ 
e http://www.projectcool.com/ 

Deciziile de proiectare grafică pot fi afectate de setările de pe monitorul vizitatorului: situl nu va 
apare aşa cum am dorit. Pentru a evita “surprizele” este necesar să previzualizăm “web”-ul pe diferite 
sisteme de operare, la rezoluții diferite, utilizând browsere web diferite pentru a ne asigura de cele mai 
bune rezultate. 

Dacă ne ghidăm după vechea zicală “Gunoi intră, gunoi iese”, atunci planificarea este cel mai im- 
portant stadiu în procesul de creare a paginilor web. În continuare vom specifica tonul pentru “web”-ul 
nostru. Deşi majoritatea oamenilor sunt presați de timp la începutul unui proiect web, se presupune că ei 
pot planifica cu uşurinţă pe parcursul realizării sitului. Acesta este o strategie foarte rar încununată de 
succes, cel mai indicat fiind să ne rezervăm un timp pentru a discuta următoarele elemente: 

- obiectivul: De ce facem un site în cele din urmă? Ce vom câştiga noi sau compania dacă avem 
un site? Ce anume vor câştiga cei care vor vizita situl? Odată ce am fixat un obiectiv, îl vom nota şi îl 
vom păstra la vedere tot timpul. Unii dezvoltatori web preferă să plaseze în prim plan misiunea, deoarece 
păstrează atenția vizitatorului focalizată asupra scopului urmărit. După publicarea sitului acesta va trebui 
actualizat permanent; 

- audiența: Care este auditoriul țintă? Este auditoriul format din tehnicieni sau neinițiați? Sunt ei 
tineri plini de energie sau persoane mai vârstnice, răbdătoare? Vom recolta informațiile demografice 
necesare. Ei utilizeză Microsoft Internet Explorer sau browserul Netscape Navigator pentru a naviga? 
Vom culege informațiile tehnologice. Audienţa are probleme de vedere? Vom lua în considerare defi- 
ciențele fizice ale audienței. Cu cât ştim mai multe despre auditoriul țintă, cu atât putem “croi” un site 
care să satisfacă cât mai bine necesarul acestuia, deoarece ceea ce vom face pentru el trebuie să fie bazat 
pe nevoile acestora. De notat că audiența web poate fi diferită de cumpărătorii obişnuiţi, deci va fi nevoie 
de cât mai multe cercetări. Examinarea amănunțită şi chestionarele clientelei existente reprezintă un punct 
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de pornire excelent. Nu creaţi situl atât de generic astfel încât să nu servească nimănui. Prin vizarea unei 
audienţe specifice, “web”-ul va fi mult mai căutat; 

- conţinutul: Ce va furniza situl? Pe baza obiectivului sitului şi auditoriului țintă, vom identifica 
ce informații sau servicii vor satisface nevoile clienților. Informaţia va fi abundentă în text sau va folosi 
multe imagini? Trebuie să avem mare grijă în utilizarea graficii pe web. Prea multe imagini pot duce la o 
descărcare lentă a paginii. Acum este momentul potrivit pentru a identifica conţinutul care trebuie actual- 
izat, cum ar fi ştirile din site; 

- organizarea: Alocaţi o marjă de timp pentru a identifica unele categorii generale de informaţie 
si aranjaţi conţinutul specific în categoriile potrivite. De exemplu, o categorie poate fi numită “Catalog”, 
şi în această categorie, putem plasa paginile produselor individuale. Vom încerca să anticipăm cum vizita- 
torii sitului vor da clic şi vor naviga în conținutul sitului. Dacă un site prezintă dificultăți în ceaa ce 
priveşte navigarea, vizitatorii nu se vor întoarce, indiferent de cât de bun este conţinutul. O cale de ajutor 
în organizarea “web”-ului presupune folosirea unor fişe de dimensiunea 3” x 5” pentru fiecare pagină 
web propusă şi aranjarea acestora pe categorii logice. Apoi vom uni fişele într-un şir pentru a evidenția 
cum vor fi legate paginile. 

Ca regulă generală, este recomandată păstrarea numărului de categorii generale între 5 şi 10. 
Scopul este de a uşura modalitatea de localizare a informaţiei sau serviciului dorit de vizitator. 

- resurse: Când vom identifica resursele necesare sitului le vom împărți în două grupuri: personal 
şi material. În grupul personal, cine va furniza conţinutul? Cine va fi responsabil pentru menţinerea as- 
pectului tehnic al sitului? Cine va furniza munca artistică şi proiectarea? Cine va edita şi manevra conțin- 
utul? Cine va testa situl şi cât de des? În grupul material, dispunem de acces la imaginile grafice exis- 
tente, fotografii, sau logourile companiei? Putem propune un anumit conținut din ziare sau rapoartele an- 
uale? Este necesar un program în plus decât FrontPage, cum ar fi o aplicaţie pentru editarea imaginilor, 
care să ne ajute să ne construim ““web”-ul? Crearea web-ului implică o mulțime de cunoştinţe din diferite 
discipline şi este nerealist să ne gândim că nu vom avea nevoie de ajutor într-un anumit moment. Identifi- 
cați acum resursele care vă pot ajuta când este necesar. Formaţi o echipă competentă pentru a preveni o 
posibilă panică ulterioară. Este un moment bun pentru a atribui “proprietatea”. 

Asistenţa legală poate fi de asemenea utilă pentru a ne informa asupra legilor legate de Internet, 
cum ar fi copyright-ul, privacy şi politicile de folosire. 

- locaţia: Vom avea în vedere două lucruri. 

În primul rând, unde vom dezvolta “web”-ul? “Web”-urile FrontPage pot fi stocate pe disc sau pe 
server. “Web”-urile stocate pe disc, sunt stocate local pe discul dur sau alte dispozitive de stocare (floppy 
disk, CD-ROM, disc de rețea). De obicei, ele sunt utilizate pentru a dezvolta “web”-uri simple deoarece 
ele sunt focalizate pe crearea şi formatarea paginilor cu conținut; “web”-urile simple rareori necesită su- 
port server. 

Pe măsura ce “web”-ul devine mai complex, vom dori să-l dezvoltăm pe un server web de test. 
““Web”-urile stocate pe server pot fi destul de complicat de configurat şi greu de folosit dacă ne conectăm 
la server pe o conexiune Internet. “Web”-urile stocate pe server au avantajul utilizării tehnologiilor server 
pentru a furniza suport pentru procese interactive cum ar fi forumuri, colectarea şi afişarea datelor. Ca 
rezultat, dezvoltarea unui “web” pe un server web va permite “web”-ului să devină mult mai realist, aşa 
cum se întâmplă pe World Wide Web. 

““Web”-urile stocate pe disc sunt excelente pentru crearea copiilor de siguranță ale “web”-ului. 

Dacă vom dezvolta “web”-ul pe server diferit de cel gazdă, pe care îl vom stoca în cele din urmă, 
serverul web de dezvoltare trebuie să fie pe cât posibil similar cu serverul gazdă, pentru a reduce 
potețialele probleme. 

În al doilea rând, cine va stoca în final sau va găzdui “web”-ul pe care suntem gata să-l publicăm 
pe web? Vom găzdui pe serverul web propriu sau vom utiliza un Web Presence Provider (WPP), uneori 
numit Internet Service Provider (ISP)? Este mai convenabil să utilizăm un calificat WPP deoarece ei 


cunosc cel mai bine tehnologia, cum ar fi securizarea numelui de domeniu web, salvându-ne timpul nos- 
tru pentru lucrul la situl web. Trebuie să ne asigurăm că WPP-ul pe care l-am selectat va suporta 
“web”-urile FrontPage şi toate lucrurile pe care situl nostru trebuie să le realizeze. Dacă decidem să găz- 
duim propriul nostru site este necesar să învăţăm o arie largă de tehnologii server. 

Niciodată nu este prea devreme să obținem propriul nostru nume de domeniu şi nu este nevoie de 
un site pentru a obține unul. Putem căuta pentru numele de domeniu dorit la http://networksolutions.com. 
Pentru a găsi un WPP FrontPage vom studia situl http://www.microsoftwpp.com. 

Un alt element important în planificare este marketing-ul. Acesta poate depăşi cunoştinţele pe 
care le avem, dar planificarea unei strategii de marketing din timp este o idee bună. Vom începe prin a ne 
întreba cum va fi situl publicat? Se va face reclamă în ziare sau la televizor? Le vom trimite motoarelor 
de căutare de pe web? Va fi publicat? Sau nu va trebui să spunem un cuvânt despre site dacă “web”-ul va 
fi pentru un intranet, în mod special pentru angajați. Cum vom atrage noii vizitatori? Le vom furniza pro- 
duse gratuit? Cum vom fi siguri că vizitatorul se va întoarce? Vom crea o comunitate web pentru aceştia 
pentru ca ei să poată discuta pe marginea unei probleme? Sau le vom oferi acestora un discount la anu- 
mite produse? 

Pentru situl web pe care îl vom crea, procesul de planificare a fost realizat. “Web”-ul implică 
prezenţa (obiectivul) unei companii pe web. Va furniza vizitatorilor o imagine a companiei şi a produselor 
sale şi informaţiile de contact (conţinut). Conţinutul va fi aranjat logic în categorii generale, introduse de 
o pagină principală (organizare). Deşi vom lucra singuri la acest site, celelalte “departamente” vor trebui 
să introducă şi să furnizeze un anumit conţinut (resurse). “Web”-ul va fi găzduit pe serverul web al com- 
paniei (locaţia), iar publicitatea va fi preluată de alt departament (marketing). 


Convenţiile de numire a fişierelor sunt foarte importante pentru ca atunci când este nevoie de o 
componentă din “web” să se poată face o referire corectă; cu cât numărul de fişiere sau oameni care 
lucrează la site creşte, cu atât devine mai complicată modalitatea de denumire şi organizare a elementelor 
din “web”. Dacă urmăm câteva convenţii simple de denumire a fişierelor, şi numim corect “web”-urile, 
directoarele şi fişierele la începutul dezvoltării sitului web, putem evita o serie de probleme cu care se pot 
confrunta colaboratorii, vizitatorii sitului şi chiar noi: 

- păstraţi lungimea numelui cât mai scurtă posibilă. Avem două variante: scurtă sau lungă. 
Numele de fişiere scurte utilizează de obicei convenţia de numire “8.3”, restricţionând numele fişierelor 
la opt caractere alfanumerice (sau mai puţin) cu o extensie a fişierelor de trei caractere. Avantajul este 
compatibilitatea cu serverele mai vechi bazate pe DOS; dezavantajul constă în faptul că este dificil de 
numit sute de fişiere la modul descriptiv utilizând doar opt caractere. Prin contrast, numele de fişiere 
lungi pot fi mult mai sugestive. Recomandarea este să utilizăm nume de fişiere lungi, dar să le păstrăm 
cât mai scurte posibil; nu mai mult de 20 de caractere. Convenţia de numire “8.3” este încă folosită pentru 
a numi fişierele de tip imagini. 

- nu utilizați spaţii (utilizați cratime sau underscore), elemente de punctuație (accente, apostrofuri, 
virgulă sau punct şi virgulă, semnul exclamării, paranteze, simboluri sau ghilimele), sau caractere 
speciale (ampersand, asterisks, slash-uri, dolar, pipe-uri sau tilda); 

- utilizați litere mici. Unele servere, cum ar fi UNIX, sunt senzitive la litere mari, deci 
“MyFile.htm” este diferit de “myfile.htm”). Dacă utilizăm nume de fişiere mici uşurăm munca celor care 
lucrează la site şi a vizitatorilor; 

- utilizați doar caractere alfanumerice (a-z şi 0-9). Dacă începem un nume de fişier cu un număr 
sau folosim caractere non-alfanumerice în numele fişierului, serverul web nu va afişa pagina; 

- în majoritatea cazurilor, fişierele au extensia “.htm” sau “.html”. “Web”-urile şi directoarele nu 
au extensie; 

- fiecare server web are propriul său set de reguli când denumeşte fişierele (îndeosebi paginile de 
început). În situaţia noastră, pagina de început al “web”-ului este index.html; 


- interesaţi-vă dacă compania foloseşte o convenţie de numire a fişierelor. Dacă da urmaţi acestă 
convenţie. 


1.3 Crearea paginii principale (home page) 

Pagina principală poate fi văzută ca o copertă a “web”-ului şi reprezintă primul lucru pe care îl 
văd clienții, şi, similar cu coperta unei cărți, pagina principală web va avea anumite anumite elemente pe 
care le vom identifica pe fiecare pagină web (cum ar fi titlul). 

La modul cel mai general, pagina principală serveşte ca punct de pornire sau ghid către alte 
categorii din conţinutul ““web”-ului. Dacă o persoană introduce adresa “web”-ului nostru va apare prima 
pagină care conţine câteva elemente standard cum ar fi: 

- logo-ul companiei; 

- variante de navigare către alte zone din site; 

- avertismente privind ştirile curente ale companiei sau sitului; 

- specificarea pe scurt a obiectivului sitului; 

- facilități de căutare; 

- legături către contact şi informaţii legale. 

Pagina principală Microsoft este un bun exemplu de pagină principală tipică cu mai multe 
elemente tipice. 


II. Topul celor 10 greseli de web design (1999) 


Utilizarea frame-urilor 

Impartirea paginii in frame-uri are citeva dezavantaje majore. Un frameset nu poate fi introdus in 
Bookmark pentru ca vizitatorul sa se poata intoarce la o anumita pagina. Chiar daca este introdus cu un 
anumit URL, la urmatoarea accesare el poate afisa o alta combinatie de fisiere decit cea pe care a 
intentionat vizitatorul sa o pastreze in Bookmark. Nici locatia unei pagini nu mai poate fi identificata cu 
usurinta in cadrul frame-urilor. Cum se stie, un frame set este compus din mai multe fisiere, care au 
fiecare URL-uri distincte. La un moment dat, din diferite motive, fisierele incluse intr-un frameset pot fi 
utilizate independent si vom avea de-a face fie cu pagini care nu contin elemente de navigare, fie cu 
pagini fara continut care afiseaza numai elemente de navigare, fie cu pagini fara identitate (nu contin nici 
logo, nici alte elemente de identitate ale unui anumit site, deci pot apartine oricui). Paginile cu frame-uri 
sunt dificil de printat. Robotii motoarelor de cautare nu pot urmari link-urile din site intr-o pagina 
construita cu frame-uri. 


Utilizarea tehnologiilor de ultima ora 
Multi isi imagineaza ca utilizind cele mai noi tehnologii intr-un web site vor atrage mai multi 


vizitatori si vor dobindi mai repede prestigiu. Realitatea este ca, in cele mai multe cazuri, pierderea va fi 
mai mare decit cistigul. Sigur ca exista si un numar mic de utilizatori impatimiti sa caute lucruri 
spectaculoase, totusi marea majoritate a utilizatorilor Internet cauta in primul rind informatie si statisticile 
dovedesc din plin aceasta stare de fapt. O categorie majoritara de utilizatori renunta repede la vizitarea 
unui site cind o pagina se incarca incet sau cind nu pot sa acceseze o anumita pagina din cauza ca nu au 
un anumit plug-in sau cind navigatorul ramine blocat incercind sa interpreteze scripturi sau aplicatii 
greoaie. Simplitatea este o lege de baza a Internetului. Nu recurgeti la solutii complexe decit atunci cind 
este nevoie. Spre exemplu: este posibil sa decideti utilizarea tehnologiilor VRML, dar numai atunci cind 
trebuie sa se prezinte un spatiu tridimensional (un proiect de arhitectura, un Joc, desfasurarea unei operatii 
medicale etc.). 


Exces de animatie 


Nu abuzati de efecte de animatie: texte care se misca sau clipesc neincetat, multe imagini animate 
sau care clipesc in diferite culori. Se stie ca aceste efecte obosesc privirea. Ofenti vizitatorului linistea 
necesara pentru a parcurge si a intelege ceea ce doriti sa comunicati prin intermediul site-ului. 


URL-uri complicate 
Evitati URL-urile de pagina prea lungi sau prea complicate. Cu cit locatia web este mai lunga si 


utilizeaza mai multe caractere speciale (Ex. ~) cu atit creste riscul de a face greseli de dactilografiere cind 
utilizatorul incearca sa regaseasca o anumita pagina. Ideal este ca numele de directoare si fisiere sa fie cit 
mai scurte si mai usor de retinut (sa nu fie numai o insiruire de caractere fara inteles). 


Pagini orfane 

Asigurati-va ca nu exista pagini orfane in site. Sunt numite astfel, acele pagini care nu contin nici 
un element de identitate si navigare a site-ului (nici macar un logo), pagini in care s-ar putea intra si iesi 
fara sa se stie carui site apartin. Fiecare pagina a site-ului trebuie sa afiseze ca element de identitate cel 
putin logo-ul si un link catre prima pagina. Atentie cind utilizati frame-uri la riscul de a genera pagini 
orfane. 


Pagini prea lungi 

Dispuneti cele mai importante informatii in partea de sus a paginii, mai precis in primul ecran 
vizibil. O mare parte dintre utilizatori nu obisnuiesc sa coboare pina la capatul paginii si se multumesc cu 
informatiile obtinute in prima sectiune a paginii web. 
Lipsa unei structuri logice 

Atunci cind utilizatorii intimpina greutati in a descoperi informatiile importante din cadrul unui 
site este cazul sa va intrebati daca structura pe care ati construit-o este cea mai potrivita. Inainte de a 
realiza formatul grafic al web site-ului, trebuie sa clarificati cum va fi structurata informatia si cum puteti 
comunica cit mai explicit aceasta structura catre utilizator. O masura de precautie suplimentara, mai ales 
cind aveti un site de dimensiuni mai mari si cu multe nivele in adincime, este sa furnizati o harta a site- 
ului in care utilizatorul sa se poata orienta usor. 


Utilizarea culorilor non-standard pentru link-uri 
Utilizati culori standard pentru link-uri in intregul site. Spre exemplu: albastru pentru link-urile 


catre pagini pe care utilizatorul nu le-a accesat si rosu pentru link-urile catre paginile deja vizitate. In 
acest fel veti ajuta vizitatorul sa se orienteze mai usor in site. 


Informatii perimate 
Este extrem de neplacut sa dai de exemplu peste o oferta de lucru pentru un post deja ocupat sau 


de vinzare a unui produs inexistent. Proprietarul site-ului va fi nevoit sa dea explicatii si sa-si ceara scuze 
pentru eroare. E mai simplu sa fiti atenti la paginile cu termen de expirare. Exista situatii in care, din 
anumite motive, este necesara pastrarea paginilor pe serverul de web si este sters numai link-ul care duce 
spre ele. Cea mai buna optiune este insa ca astfel de pagini sa fie sterse complet de pe server inainte de 
data expirarii. Se elimina astfel riscul de a putea fi accesate intimplator de vreun utilizator. 


Timpul prea lung de incarcare a paginii 
Am intilnit cazuri cind web designeri cu pretentii de experienta pe Internet au facut greseala de a 


ignora dificultatile de incarcare a paginii. Limita acceptabila de timp pentru incarcare unei pagini se 
situeaza intre 15 si 30 de secunde. Desigur intervin o multime de factori care pot mari sau micsora timpul 
de incarcare a paginii: tipul de conectare, latimea de banda, infrastructura comunicatiilor. Un criteriu 
universal valabil este totusi greutatea paginii care trebuie sa se situeze intre 30 si 60 kb, incluzind 


elementele grafice. 


Concluziile autorului: 
- toate cele 10 greseli din 1996 se fac şi în 1999; 
- 9 din 10 greşeli încă cauzează probleme semnificative privind uşurinţa în utilizare şi trebuie evitate în 
siturile web moderne; 
- paginile care implică deplasarea barelor de derulare ale browserului cauzează în prezent mai puţine 
probleme privind uşurinţa în utilizare şi pot fi folosite dacă se iau măsurile de rigoare în faza de 
proiectare. 


III. Topul celor 10 greşeli de proiectare a pagilor web (2003) 


Siturile devin mai bune dacă folosesc un design minim, este actualizat şi oferă servicii 
cuprinzătoare. Aceste elemente determină probleme specifice de uşurinţă în folosire. 
Cele 10 căi prin care un site poate să deranjeze utilizatorul (specifice anului 2003) sunt: 


O exprimare neclară a scopului 
Multe companii, îndeosebi cele din industria high-tech, utilizează un limbaj vag sau generic 


pentru a descrie scopul lor. Neclaritatea acestor elemente de bază duce la o interpretare dificilă din partea 
utilizatorului a informaţiilor din situl web şi a serviciilor. 

Un model mental bine definit poate creşte din puțin, la fel ca fiecare element de proiectare 
adăugat în site pentru a creşte gradul de înțelegere al utilizatorului. Multe situri crează modele mentale 
neclare (vagi) în mintea utilizatorului deoarece ele eşuează să ofere ajutorul de care are nevoie 
utilizatorul în contextul respectiv. 


URL-uri noi pentru conținutul arhivelor 
Arhivele adaugă o valoare substanțială siteului cu un efort mic. Deşi din ce în ce mai multe situri 


îşi arhivează conţinutul vechi, majoritatea siturilor eşuează în menţinerea unor arhive pertinente. Unele 
situri plasează arhivele într-o zonă separată, atribuind paginilor URL-uri distincte când acestea se mută 
din zona principală în arhivă. 

Schimbarea URL-ului când arhivăm conținutul cauzează “linkrot” (legături moarte, pagini 
orfane). De asemenea acesta determină alte situri să nu dorească să facă legătura către situl nostru şi 
nici pe viitor nu vor insista să actualizeze paginile lor dacă noi le-am mutat. 


Continut fără dată 

Fără data publicării unui articol, declarației de presă sau unui alt conținut, utilizatorii nu au nici o 
idee dacă informaţia este actuală sau depăşită. Este indicat să păstrăm conținutul în arhive. Unele fapte şi 
recomandări sunt puternic dependente de dată, cum ar fi situația în care recomandăm utilizarea unei 
versiuni anume de pachet software pentru următorii doi ani. Evident, ne referim la doi ani din ziua în care 
articolul a fost scris; dacă cititorii nu pot vedea data, ei nu doresc să ştie cum să urmeze recomandarea. 

Un utilizator s-a confruntat cu o eroare similară în testele noastre recente în ceea ce priveşte 
modul în care investitorii şi jurnaliştii de afaceri utilizează zona de relaţii cu investitorii a siteului web al 
unei corporaţii. Utilizatorul a găsit o ştire prin intermediul unui motor de căutare şi va folosi acest 
element pentru a evalua afacerile actuale ale companiei. Totul este în regulă, exceptând faptul că această 
ştire este veche de câțiva ani. Motorul de căutare a afişat o dată greşită pentru articol care este foarte 
probabil data când fişierul a fost mutat sau când a suferit modificări tipografice. 


Astfel de date pot fi foarte utile, dar crează multe pagube dacă utilizatorul are încredere în ele. 
Soluţia ideală este un sistem de management al conţinutului care furnizează motoarelor de căutare data 
corectă. Orice site de dimensiuni mari cu un personal IT trebuie să realizeze acest lucru. 


Imagini reduse ca dimensiune (thumbnail) pentru fotografiile mari şi detaliate 

În prezent siturile utilizează imagini mici eliminând paginile “ghiftuite” din trecut şi diminuând 
timpul de descărcare şi crescând abundența de informaţii. Este indicat să se realizeze legături de la 
imaginile reduse ca dimensiune la imaginile mari, pentru ca utilizatorul să aibă opțiunea să vadă imaginea 
cu mai multe detalii. 

Problema principală care apare este că siturile web produc de obicei imagini de dimensiuni mici 
prin simpla scalare în jos a unor imagini mari. Dacă imaginea originală are detalii de complexitate mare, 
imaginea mică neinteligibilă. 

Recomandarea este ca atunci când folosim fotografii pe web să ţinem cont de: 

- includerea unor persoane şi obiecte este mai puţin complicată atunci când se doreşte listarea la 
imprimantă a fotografiilor; 

- scoaterea în evidenţă a imaginilor pe un fundal lizibil; 

- utilizarea reducerii relevanţei imaginii în funcție de când pregătim imagini mici din cele mari. 
NU le vom redimensiona; în primul rând vom tăia imaginea pentru a ne focaliza asupra unui element 
simplu şi frapant 


Excesiv de detaliatul text alternativ (vezi atributul ALT) 


Multe situri au început să ajute utilizatorii care erau în imposibilitatea de a vedea imagini şi 
oferindu-le elemente de ghidare pentru a spori accesibilitatea, cum ar fi includerea textului ALT pentru 
imagini. 

Din nefericire, unele situri nu realizează că textul altemativ este un element al interfeţei utilizator, 
nu o formulare a unei exactități de sintaxă. Textul alternativ ajută utilizatorii orbi (şi altii care nu pot 
vedea imagini) să navigheze şi să opereze pe site. Textul trebuie să descrie sensul imaginii în vederea 
interacțiunii şi ce trebuie să ştie utilizatorul despre imagine pentru a folosi siteul efectiv. Nu este 
necesar să descriem elemente vizuale de detaliu nelevante. 

Scurt este cel mai bine când scriem pentru web;este în ajutorul cititorilor care folosesc ecranul 
calculatorului. 


Suport “What-If” inexistent 
Compararea şi alegerea unei alternative este fundamentală pentru majoritatea sarcinilor web, 


multe situri web încă nesuportând utilizatorii care doresc să ia in considerare alternativele. 

Ce ar fi dacă aş vrea să călătoresc duminică în loc de sâmbătă? Cum va afecta acesta preţul 
biletului meu de avion? Pe majoritatea siturilor de călătorii, singura cale de a răspunde la acestă întrebare 
este să începem din nou să parcurgem primul ecran şi să ne planificăm întreaga călătorie, astfel pierzând 
toată munca necesară construirii primului itinerariu. 

Ce ar fi dacă aş dori să folosesc o culoare anume în locul uneia monocrom, dar sunt mulțumit de 
celelalte atribute ale celei monocrom pe care o văd în momentul de faţă? Pot să navighez printre atribute 
şi să schimb doar un parametru? De obicei nu. 

Unele situri web permit utilizatorilor să selecteze câteva produse şi să vizualizeze un tabel 
comparativ, dar astfel de tabele au de obicei o uşurinţă în folosire redusă şi nu scot în evidență cele mai 
importante diferenţe între produse. 


Liste lungi care nu pot fi examinate prin atribute 
Acestea sunt folosite pentru siturile web care au o ofertă restrânsă. In prezent este uşor să găsim 
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situri care dispun de mii sau milioane de articole. Excelent, dar acesta înseamnă că lista articolelor este 
foarte lungă şi greu de utilizat. 

Unul din principalele elemente de ajutor pentru utilizatori pentru paginile de categorii este de a 
permite acestora să intervină asupra acestora în funcție de interes. Acesta implică să filtreze articolele 
care nu satisfac un anumit criteriu, păstrând o listă mai mică care este uşor de administrat şi înțeles. 

O intervenție utilă necesită patru lucruri: 

- situl trebuie să suporte intervenția la început, dar după nu; 

- atributele asupra cărora se intervine trebuie să aibă un înteles pentru utilizatori şi să se evite 
exprimări tehnice sau specifice companiei; 

- criteriul trebuie să diferenţieze produsele de interes de cele pe care utilizatorul vrea să le ignore; 

- interfaţa utilizator care controlează procesul de intervenție trebuie să fie simplă astfel încât 
utilizatorul să-şi focalizeze atenția asupra atributelor şi listelor obţinute, nu asupra mecanismului de 
funcționare al sitului. 


Produse sortate doar după marcă (sort) 


Siteurile care oferă mai multe articole trebuie să permită intervenția utilizatorului şi sortarea, 
acesta fiind o cale foarte utilă pentru a manevra lista de articole. Din nefericire, multe situri permit 
utilizatorului doar să sorteze articolele doar după marcă. Pentru a oferi suport pentru sortarea după 
atributele de interes al utilizatorului, întrebarea care apare este: “Ce atribute sunt valoroase pentru 
utilizatori?”. Răspunsul diferă în funcție de categoria produsului, căutările efectuate de utilizator putându- 
ne ajuta să le descoperim. 


Excesiv de restrictivele intrări din formulare 

Este necesar să permitem utilizatorului să introducă datele în formatul pe care îl preferă. Două din 
căile cele mai frecvente pentru restricționarea utilizatorilor sunt: 

- Formulare cu multe specificaţii. Împărţirea formularelor dintr-o singură piesă de informaţie în 
câmpuri multiple se traduce printr-o pierdere de timp cu mutarea cursorului. Un exemplu tipic este atunci 
când formularul întreabă utilizatorul ce nume şi prenume are în două câmpuri, în loc să permită foarte 
simplu să-l lase să introducă întregul său nume într-un singur câmp, care este şi mult mai rapid de 
introdus. 

- Formatarea din partea clientului interzisă. Orice text introdus într-un câmp text dintr-un formular 
care solicită utilizatorul să intoducă informaţii într-un anumit mod contrar celui firesc preferat de client 
este iritant. Multe situri, de exemplu, forțează utilizatorii să introducă numărul cărții de credit sub forma 
1234567890123456, în loc să le permită să plaseze spaţii între grupuri de patru numere, care ar reduce în 
mod semnificativ riscul de apariţie al erorilor. În mod similar, unele situri nu permit utilizatorului să 
introducă numărul de telefon cu paranteze în jurul codului de ţară, deşi mulți utilizatori utilizează 
parantezele. 

Intrările de date restrictive cauzează de asemenea probleme de internaţionalizare, deoarece 
formatul standard pe care calculatorul în va accepta de obicei va exclude clienții din alte țări. 


Pagini care au legătură către ele înşisi 
Acest aspect este important pentru toate paginile, nu doar pentru pagina de “home”. 


Multe din cele zece greşeli principale din acest an indică un fenomen fericit: progresăm în ceea ce 


priveşte uşurinţa în folosirea siturilor web. Al doilea fenomen cauzează probleme datorită faptului că uti- 
lizatorii evoluează mai încet. 
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IV. Proiectarea interfeţei utilizator pentru aplicaţiile web 


Lumea diferită a proiectării sit-urilor web 


şi proiectăm sit-urile având în vedere 
multitudinea de browsere existente şi incompatibilitățile dintre ele. 

Înarmaţi cu aceste abilităţi şi experiențe, ne putem oferi ca voluntari pentru proiectarea interfeţei 
utilizator pentru una din aplicaţiile web ale companiei. 

Alegerile făcute în proiectarea unei aplicații web diferă de cele folosite într-un sit web 
fundamentat pe conţinut deoarece ele sunt folosite în scopuri diferite. Este necesar să avem în vedere 
fiecare variantă de proiectare, abordată din puncte de vedere diferite deoarece jucăm acum după reguli 
diferite. Vom explora în cele ce urmează unele lecţii învăţate de-a lungul timpului. 


Să ne gândim acum la aplicaţiile (produsele software) pe care le folosim. Le folosim pentru a duce 
la bun sfârşit anumite sarcini. Rareori vom distinge imagini sau animații atractive (excepţie fac 
instrumentele grafice sau jocurile). La fel de rar răsfoim, căutăm sau citim o cantitate mare de text 
(excepţie facând sistemul de ajutor online). Ceea ce avem nevoie sunt metode rapide şi uşoare pentru a 
completa sarcinile. 

Aplicațiile web cu care se lucrează de obicei sunt create pentru administratorii de sistem într-un 
mediu intranet. Administratorii execută sarcini cum ar fi adăugarea ID-urilor utilizatorilor, configurarea 
componentelor de reţea, şi generarea rapoartelor de diagnostic. 


Prima lecţie învățată a fost că fiecare decizie de proiectare este dictată de concentrarea asupra 
proiectului. Focalizarea asupra proiectelor anterioare a fost asupra conținutului; focalizarea asupra 
interfeţei aplicației utilizator a fost fundamentată pe sarcinile formularelor de intrare. 

Pe perioada lucrului la prototipizare, testelor privitoare la uşurinţa cu care un utilizator învață să 
opereze şi implementarea interfeţei utilizator ne vom aminti în mod frecvent că chiar şi cea mai lumească 
variantă de proiectare are nevoie să fie examinată într-o altă lumină. Să vedem în cele ce urmează câteva 
diferenţe de proiectare întâlnite. 
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- Ce informație este necesară/dorită? Aceasta devine conţinutul temei analizate. 

- Ce informaţie prezintă o importanță majoră? Acesta ne trimite la pagina de început (Home page) 
şi paginile principale ale sitului; 

- Care sunt subiectele principale şi care sunt cele secundare? Acestea vor deveni legături de 
navigare principale şi secundare; 

- În cadrul unui subiect, care sunt subiectele aflate în strânsă legătură cu acesta? Acestea devin 
legături hipertext. 

Pentru aplicaţiile web, analiza determină probleme de genul: 

- Care sunt sarcinile principale executate de utilizatorii în cauză? 

- Care sarcini sunt părți ale altor sarcini? 

- Care sarcini sunt îndeplinite în mod liniar? 

- Care sarcini sunt îndeplinite în mod repetat într-o singură sesiune utilizator? 

- Ce asistenţă utilizator (ajutor online) este necesară? 

- Care sarcini sunt îndeplinite frecvent şi care mai putin frecvent? 

- Utilizatorii vor prefera să aibă sarcinile organizate după frecvenţa in utilizare sau după ordinea în 
care ele sunt executate? 

Acestea sunt unele din întrebările care trebuie puse pe perioada analizei “up-front”, şi luate în 
discuţie din nou pe parcursul testului privitor la uşurinţa cu care un utilizator învață să opereze. 
Răspunsurile ne ajută să determinăm schema de navigare, împărțirea sarcinilor în pagini şi organizarea 
paginilor. 


3) Legături vizitate 

Majoritatea siturilor web utilizează culori diferite pentru “legăturile nevizitate” (tag-ul LINK) 
decât pentru “legăturile vizitate” (tag-ul VLINK); aceasta permite permite utilizatorilor să identifice rapid 
paginile pe care le-au vazut. Atunci când utilizăm o aplicaţie, utilizatorii nu vizitează cu adevărat 
paginile; ei execută anumite operații cum ar fi introducerea datelor în formulare. Utilizatorul este nevoit 
să completeze acelaşi formular de mai multe ori (de exemplu, pentru a adăuga mai mulţi identificatori de 
utilizatori în baza de date), deci nu este important să distingă ce pagini a vizitat. În astfel de cazuri, este 
preferabil să se specifice aceeaşi culoare pentru legăturile nevizitate şi pentru cele vizitate. 


4) Cadre (vezi FRAMESET, FRAME, IFRAME) 


Utilizarea cadrelor este un subiect foarte dezbătut în design-ul web. Motivul acestor controverse 
se datorează faptului că cadrele au fost slab implementate în majoritatea siturilor web şi au anumite 
defecte. Un defect al acestora constă în imposibilitatea de a adăuga un semn de carte din meniul browser- 
ului atunci când executăm un clic pe o legătură din frame-ul din stânga. Aceeaşi problemă apare atunci 
când încercăm să preluăm URL-ul unui articol şi să îl trimitem unui prieten. Într-adevăr, cu unele 
browsere putem realiza ambele probleme printr-un clic dreapta şi alegerea opțiunii de deschidere în altă 
ferestră sau prin apelarea cadrului respectiv într-o nouă ferestră, dar ambele tehnici sunt incomode şi 
foarte greu de intuit. Aşa cum Jakob Neilsen specifică în articolul său “De ce cadrele nu sunt bune (în 
majoritatea cazurilor)”, cadrele înlesnesc punerea în dificultate a utilizatorilor paginilor web. 

În ciuda faptului că utilizarea cadrelor este un subiect de polemică în aplicaţiile web, rezultatele 
pot fi diferite. Dacă utilizăm cadre, trebuie să fim foarte prudențţi la testele privitoare la uşurinţa cu care 
un utilizator învaţă să opereze înainte de a trece la implementarea propriu-zisă. 


5) Căutarea 


Majoritatea siturilor web fundamentate pe conţinut sunt proiectate în scopul căutării acestora. Ele 
utilizează strategii specifice pentru a creşte gradul lor de relevanță în majoritatea motoarelor de căutare, 
multe din ele având propriile capabilități de căutare. Siturile web bine proiectate furnizează elemente de 
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reper pentru orientarea navigațională şi contextuală pe fiecare pagină, utile în situaţia în care utilizatorul 
caută ceva anume pe web şi ajunge la o anumită pagină din cadrul sitului. Prin contrast, aplicaţiile web 
implică foarte rar căutare, excepţie făcând sistemul de ajutor. Deprinderile şi strategiile utilizate pentru 
construirea paginilor web cu facilități de căutare nu sunt necesare când proiectăm o aplicaţie. În schimb, 
focalizarea se face asupra uşurinţei în navigare şi proiectarea formularelor. 


6) Titlurile paginilor 
In proiectarea siturilor web, este considerată o bună practică utilizarea unui titlu de pagină unic 


(textul care apare în bara de titlu a browserului; vezi tagul TITLE din antetul documentului) pentru 
fiecare pagină, motivele fiind diferite. În primul rând, permite utilizatorilor să adauge un semn de carte 
pentru a identifica rapid pagina în cadrul elementelor favorite. În al doilea rând, furnizează contextul 
pentru utilizatorii care ajung pe pagină din afara sitului web, cum ar fi dintr-un motor de căutare sau o 
legătură hipertext. Dar, aşa cum am menţionat anterior, adăugarea unui semn de carte într-o aplicaţie este 
în general evitată, conceptul de a rămâne în cad unei aplicații pe web neaplicându-se. Din acest motiv, 
este cel mai potrivit să utilizăm acelaşi titlu de pagină pe fiecare pagină, eventual indicând numele 
aplicației şi versiunea. 


7) Hypertext vs. sarcini liniare 


În majoritatea siturilor web, utilizatorii pot naviga de la o pagină la alta utilizând legăturile 
hypertext. Proiectarea unui bun hypertext necesită anumite cunoştinţe despre cum şi când să legăm 
conţinutul relatat. Într-o aplicaţie, utilizatorii execută anumite sarcini care pot necesita căi liniare de 
navigare şi aplicații adiționale care procesează date care intervin atunci când utilizatorul navighează de la 
o pagină la următoarea. Acesta necesită un alt tip de proiectare, şi anume focalizat pe navigarea printre 
sarcinile utilizatorului decât hypertext printre pagini cu conținut. 


8) Scrolling 


Deplasarea prin intermediul barelor de deplasare verticale şi orizontale este o altă problemă 
controversată în proiectarea siturilor web. Utilizatorii ar prefera să vadă un număr mic de pagini de pagini 
lungi sau un număr mare de pagini de pagini scurte? După cum putem observa în multitudinea de stiluri 
de astăzi existente pe web, nu există un răspuns precis. Referitor la aplicațiile web, alegerile depind de 
intrările de date ale aplicației şi de cât de mult timp este necesar ca pagina să fie descărcată. Un utilizator 
care este nevoit să deruleze o pagină de dimensiuni apreciabile cu text şi imagini va fi incomodat să 
deruleze formularul pentru a completa toate câmpurile necesare. Cu toate acestea, deplasarea de la o 
pagină la alta necesită o cantitate mare de aplicaţie care procesează în background şi paginile vor lua mai 
puţin timp pentru descărcare. Această alternativă de proiectare se realizează cel mai bine cu ajutorul unor 
teste privitoare la uşurinţa cu care un utilizator învaţă să opereze (usability). 


9) Consideraţii privitoare la browsere 


Majoritatea siturilor web sunt proiectate să lucreze cu toate (sau cel puţin cu cele mai des folosite) 
browsere web. Deseori, proiectanţii folosesc paleta de culori browser-safe evitând facilitățile specifice 
browserului şi efectuând teste asupra paginilor web în mai multe browsere şi versiuni de browsere. 
Proiectanţii aplicaţiilor web pot avea un control mai mare asupra mediului țintă, acesta depinzând de 
situație. Ei pot specifica browserul necesar, mai mult decât ar specifica hardware-ul necesar sau sistemul 
de operare. Aceasta le conferă o mai multă libertate în proiectare şi mai multe variante pentru 
implementarea capabilităţilor specifice browserului. 


10) Butoanele browserului 


Utilizatorii web se aşteaptă să înţeleagă şi anumite comportamente din partea butoanelor din 
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browser. Butonul Back afişează pagina anterioară vizitată. Butonul Refresh reîncarcă pagina de pe server. 
Utilizarea acestor butoane într-o aplicație web poate produce rezultate neaşteptate. De exemplu, în ciuda 
faptului că butonul Back ne va întoarce la pagina anterioară, este posibil să nu execute codul asociat 
aplicaţiei, ceea ce ar cauza neactualizarea datelor afişate. Din acest motiv, unele aplicații furnizează 
instrucțiuni de atenţionare a utilizatorilor pentru a se feri de aceste butoane şi chiar să ascundă bara cu 
instrumente standard din browser. Proiectanții siturilor web furnizează deseori metode de navigare 
alternative astfel încât utilizatorii să se poată deplasa printre pagini fără a folosi butoanele browserului. 


11) Meniuri de navigare pulldown 


Multe scheme de navigare utilizează meniuri în cascadă: partea de sus sau din stânga afişează un 
astfel de meniu, atunci când mouse-ul este deasupra sau s-a executat clic, deschizând nivele succesive de 
submeniuri. Această schemă permite utilizatorilor să acceseze paginile din site în profunzime fără a fi 
necesar să executăm clic printre pagini intermediare. Când folosim această tehnică pentru o interfaţă 
utilizator care utilizează formulare, proiectaţii pot întâlni probleme tehnice destul de serioase. Unele 
browsere afişează fără probleme elemente din formulare, cum ar fi cutii de tip dropdown din care putem 
selecta şi care sunt situate deasupra conţinutului celorlalte pagini. Acesta înseamnă că acea parte a 
meniului de navigare poate fi ascunsă de elementele din formular, prevenind utilizatorul să acceseze 
paginile disponibile din acest meniu. Înainte de implementarea unei astfel de scheme, trebuie să testăm cu 
toate elementele din formular care pot exista în interfaţa utilizator pentru a evita SNAFU (Situation 
Normal: All Fouled Up). 


12) Pagina ” Home” 


De obicei prima pagină pe care o vedem pe un site web este pagina “Home”. Ea descrie conținutul 
sitului, prezintă ştirile pe scurt, descrie ce este nou pe site, promovează un produs sau un serviciu şi lista 
poate continua. Ce ar trebui să conţină să conțină pagina “Home” a unei aplicații web? Vom prezenta 
câteva opţiuni, împreună cu câteva comentarii pentru fiecare: 

- un meniu principal cum este cel din majoritatea aplicaţiilor tradiționale 

De notat că des-folosita schema de navigare cu meniuri pulldown va fi contrar necesarului pentru 
întreaga pagină. 

- informaţiile privind produsele sau sistemul de ajutor pentru noii utilizatori 

Deşi acestea pot fi utile pentru începători, aceste elemente vor deranja utilizatorii avansați. Dacă 
aceste informaţii de ajutor vor fi disponibile pe toate paginile din site, ocuparea spaţiului principal din 
pagina “Home” nu va fi cea mai bună alegere. 

- obişnuitul “splash screen” care conţine imaginea unui produs, numărul versiunii şi informațiile 
de copyright 

Acestea sunt de obicei disponibile din pagina “Help” sau pagina “About” şi este foarte posibil ca 
un “splash screen” care dispare dupa câteva secunde şi îl includem în pagina “Home” să nu folosească la 
NIMIC. 

- sistemul de statistici sau alte informaţii 

În funcţie de produs, aplicaţiile suplimentare de procesare pot adăuga paginii timpul de 
descărcare, care este un factor important atunci când decidem dacă vom include astfel de date într-o 
pagină frecvent vizitată cum este cea de “Home”. 

- nimic — nu folosiţi o pagina “Home” 

Conceptul de pagină “Home” a apărut odată cu web-ul, ele neexistând în proiectarea tradițională a 
aplicaţiilor. Faptul că o aplicație are o interfață utilizator web nu implică şi necesitatea unei pagini 
“Home”. Proiectanţii găsesc cel mai potrivit să renunţe la ea, considerând că utilizatorii înțeleg repede ce 
anume să facă în pagina care este afişată şi există un sistem de navigare intuitiv către alte porţiuni ale 
interfeței. 
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După cum putem observa nu există un răspuns sigur. Decizia implică mulţi factori, incluzând 
timpul de descărcare, uşurinţa în navigare şi desigur scopul aplicației. 


13) Sistemul de ajutor 


Sistemul de ajutor online al siturilor îmbracă de obicei forma celor mai frecvente întrebări (FAQ), 
un mesaj de “bine ați venit” pentru primii vizitatori, o hartă a sitului şi instrucțiuni posibile pentru 
personalizarea utilizării siturilor web. Prin contrast, sistemul de ajutor online pentru o aplicaţie constă de 
obicei în informaţii conceptuale sau de fundal despre aplicaţie şi modul de folosire şi sistem de ajutor 
sensibil la context pentru pagini sau câmpuri individuale ale unui formular. Sistemul de ajutor poate fi de 
asemenea găsit în modul de redactare a mesajelor sistem şi legăturilor către informații mai detaliate 
despre modul de corectare a problemelor. În general, sistemul de ajutor online pentru aplicaţiile web este 
mai apropiat de aplicațiile tradiţionale (non-web) decât de siturile web bazate pe conţinut. 


Lecţia cea mai importantă care trebuie reținută este simplă. Atunci când proiectăm un site web, 
interfața utilizator pentru o aplicație sau orice altceva, decizia de proiectare trebuie să fie condusă de 
scopul transmiterii clare a informaţiei şi de necesitățile utilizatorului. 


V. Elementele unei prezentari de succes pe Internet 


Cum pot sa-mi asigur succesul pe Internet si cit de mult ma va costa? Acestea sunt primele intrebari pe 
care si le pune oricine cind vrea sa-si construiasca un web site. 


1) Numele de domeniu 


Spre exemplu www.alegerea la care te-ai oprit.com > Cu cit este mai scurt cu atit mai bine, dar 
mai important este ca acest nume sa descrie pe scurt continutul site-ului si sa fie cit mai usor de retinut. 

Costul inregistrarii la InterNic: $70 pentru primii 2 ani - apoi 35$ pe an. 

Pentru costurile de gazduire aveti mai multe optiuni. Alegerea depinde de marimea si continutul 
site-ului. In anumite situatii puteti opta pentru gazduire gratuita, atita timp cit nu va deranjeaza prezenta 
mesajelor publicitare incluse de gazda in paginile voastre sau lipsa unor servicii suplimentare. La cealalta 
extrema se situeaza pachetele de servicii complete incluzind comertul electronic care pot ajunge la citeva 
sute de dolari pe luna. 

Altminteri, pentru pachetele medii de servicii costurile se situeaza intre 25 - 50$ pe luna la un 
provider bun. 


2. Un design profesional 
Prima impresie conteaza mai mult pe web decit in alte media. In viata reala, poti sa-ti dezvalui in 


timp mai multe fatete ale caracterului. Poti avea mici slabiciuni compensate de o serie de calitati. Un 
zimbet poate de asemenea atenua o situatie dificila. Pe Internet, odata ce vizitatorul a plecat din site, nu 
mai poti sa-i dai telefon ca sa-l convingi sa-ti acorde o a doua sansa. 

Spre exemplu efectele speciale si aglomerarea de fisiere grafice nu sunt necesare intr-un site 
destinat afacerilor. Un site profesional realizat se distinge prin acuratetea design-ului, decenta si usurinta 
in navigare. 

Costurile pentru design pot fi de asemenea extrem de variate, in functie de marimea si continutul 
site-ului. Tarifele pentru un webmaster bun incep de la $35 pe pagina si pot ajunge la mai multe sute de 
dolari pe pagina. Astfel un site de dimensiuni medii poate costa intre $2000 - $6000. Costurile pot fi chiar 
mai mari daca doriti sa implementati diverse componente speciale. 
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3) Faceti-va cunoscuta prezenta pe Internet 

Stim ca in fiecare zi sunt milioane de oameni care navigheaza pe Internet. Este posibil ca multi 
dintre ei sa caute produse exact ca cel pe care il oferiti. Oportunitatile pe Internet sunt de-a dreptul 
incredibile. Dar - nici unul dintre Internauti nu va ajunge in site-ul vostru daca nu va fi chemat. 

Trebuie sa va faceti site-ul cunoscut: inregistrati-l in motoarele de cautare, cumparati spatii 
publicitare, investiti in plasarea de anunturi publicitare in publicatiile electronice (acest tip de publicitate 
este unul dintre cele mai ieftine si, in acelasi timp, de foarte mare eficienta), folositi mijloace traditionale 
de publicitate (off-line), oferiti vizitatorilor ceva de valoare, pe linga produsul propriu-zis etc... 

In general, inscrierea in motoarele de cautare este gratuita dar, daca vreti ca site-ul sa apara intre 
primele 20 in listele de cautare (in loc sa fie listat la 41221) va trebui sa angajati un profesionist care 
furnizeaza servicii de plasare a site-ului in top. Dar trebuie sa va ginditi bine inainte de a cheltui mai 
multe sute de dolari pe care acestia ii vor pretinde. 

Costurile de promovare pot fi de la foarte mici sau chiar gratis pina la mii de dolari. Sunt insa 
absolut necesare pentru a atinge segmentul de piata pe care il vizati. Spre exemplu, reclama intr-o 
publicatie electronica cu un numar redus de abonati dar cu o tematica specifica, poate costa foarte putin - 
5$ pe numar. 

De un singur lucru trebuie sa va feriti, NU TRIMITETI MESAJE NESOLICITATE! Rezultatele 
pot fi foarte rele. 


4) Dati vizitatorilor un motiv sa se intoarca 


Conform studiilor, in medie este nevoie de 7 vizite intr-un site inainte ca potentialul client sa se 
decida sa actioneze. Internautul care se intimpla sa treaca prin site-ul vostru va cauta cu siguranta si in 
alte site-uri similare. Trebuie sa existe un asa numit GENERATOR DE TRAFIC. Spre exemplu: 
informatii de valoare pe care nu legasesc in alta parte, sau gratuitati de diferite feluri: soft, publicitate, 
felicitari electronice, oportunitati etc. Astfel vizitatorii vor fi determinati sa se intoarca. 

Cea mai buna metoda de a-i incuraja sa ramina in contact, este de a le oferi posibilitatea sa se 
inscrie la publicatia voastra electronica. Trebuie mai intii sa le dati un motiv sa se aboneze si mai tirziu sa 
si ramina. 

Costurile pentru toate aceste mijloace sunt de obicei mici. In cele mai multe cazuri sunt mai mult 
o investitie de timp decit de bani. Spre exemplu, investitia pentru a deschide o lista de abonati este de 
circa 100-200 $ (serverul de mailing list). 

Toate aceste sugestii sunt extrem de generale. Daca intr-adevar v-ati hotarat sa dezvoltati un web 
site va trebui sa faceti cercetari mult mai detaliate inainte de a investi si bani. Cel mai rezonabil inceput 
este sa faceti o vizita in motoarele de cautare si sa investigati site-urile citorva companii care au domenii 
de activitate inrudite. 


VI. Mici Secrete HTML 


In Marketingul pe Internet, aparentele pot determina mari diferente in rezultate. Paginile web care arata 
profesional pot aduce mult mai multe vinzari decit cele care lasa de dorit din acest punct de vedere. In 
mod similar, URL-ul cu care se recomanda un site poate determina o mare diferenta intre click-urile 
obtinute. Spre exemplu, site-urile afiliate, care sunt atit de raspindite in ultima vreme, au adrese foarte 
lungi si pot fi recunoscute usor ca duplicate. O reactie destul de frecventa este de a le evita, chiar daca 
design-ul lor ar fi de altfel profesional realizat. 

Sa spunem ca aveti de ales intre aceste 2 adrese 
http://www .toaster.com/cgi-bin/affilates/clickthru.cgihid=you 

si 
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Deci, daca v-am convins, haideti sa vedem cum putem rezolva problema. Nu trebuie decit sa 
faceti citeva usoare modificari in codul HTML. 


Asta e tot. Numai sa copiati corect URL-ul site-ului asociat si sa nu cumva sa uitati sa includeti 
identitatea (id) ca sa va poata fi contorizati vizitatorii astfel convinsi. 
4. Schimbati adresa in toate anunturile publicitare si redirectionati toate link-urile si veti observa fara 
indoiala cresterea traficului in aceste pagini. 

Daca vreti sa cresteti, puteti salva pagina web astfel obtinuta cu, sa zicem, 3 nume diferite, si veti 
obtine 3 url-uri separate pentru redirectionarea paginilor: 
http://www. Y ourSite.com/toarters1.html 
http://www. Y ourSite.com/toarters2.html 
http://www. Y ourSite.com/toarters3.html 

In sfirsit, ati mai avea si o alta optiune. In loc sa creati cite o noua pagina pentru fiecare anunt 
publicitar puteti pastra adresa originala la care sa-i adaugati pur si simplu o interogare, ca in urmatorul 
exemplu: 
http://www. YourSite.com/toarters.html?test1 

Aceasta nu influenteaza cu nimic localizarea paginii in schimb majoritatea programelor de 
statistica o afiseaza ca pe o noua adresa. 


a E i e nat de webdesign "include un set de tehnici prin care 


A 


informaţia utilă este asamblată într-un format specific rețelei Internet”. În webdesign, nu gusturile 
designer-ului sunt pe primul loc, ci nevoile utilizatorilor. A răspunde acestor nevoi e prima prioritate în 
webdesign. Sfaturile date de designerii cu experienţă sunt următoarele: 


2 http://www.directdesign.ro 


e grafica să fie redusă la minimum, deoarece fişierele grafice au dimensiuni mari; 

e informația utilă să nu fie la o distanță mai mare de două click-uri; 

e pagina să fie vizibilă în întregime, fără ca surfer-ul să utilizeze bara de scroll; 

e textul să nu fie dispus ca un bloc unitar de informaţie, ci să fie divizat prin linii orizontale sau imagini. 
Frazele rezumat pot fi prezentate pe un fundal diferit colorat, eventual încadrate; 

e deşi sunt la modă fonturile foarte mici, e de dorit să nu se precizeze mărimea fontului, astfel încât 
surferul cu probleme de vedere să poată folosi opțiunea View, Text size, Larger sau Largest; 

e fundalul să nu fie agresiv; 

e informația trebuie prezentată astfel încât efortul depus de surfer pentru înţelegerea şi folosirea ei să fie 
minim; 

e într-o înşiruire de tip listă e bine să existe cel mult 5 opțiuni. 60% din vizitatori le vor citi, oricum, 
numai pe primele 5, restul fiind ignorate. 

Activitatea de proiectare a unui sit Web poate fi împărțită în trei activități distincte: 

e planificarea; 
e  machetarea; 
e programarea. 

Activitatea de planificare a unui sit Web reprezintă "procesul prin care se încearcă definirea în mod 
clar a motivelor pentru care se doreşte realizarea unui sit Web”, ce mijloace există la dispoziţie pentru a 
realiza acest lucru, care va fi publicul ţintă, etc. 

Pentru început, trebuie definit în mod clar obiectivul sau scopul sitului, care poate fi: crearea unui 
sit web personal, contactarea altor persoane având aceleaşi preocupări şi interese, începerea unei afaceri 
online, extinderea unei afaceri clasice care este desfăşurată offline. După ce a fost stabilit obiectivul 
sitului trebuie stabilită audiența acestuia, utilizatorii sitului. Audiența reprezintă publicul țintă pentru care 
a fost realizat situl web şi reprezintă un element critic deoarece designul sitului şi conţinutul acestuia sunt 
în strânsă legătură cu utilizatorii sitului. Din acest motiv, trebuie realizat profilul standard al utilizatorului 
şi să se strângă cât mai multe informații legate de obiceiurile, interesele, acțiunile, necesitățile şi în 
general modul de viaţă, ale tuturor persoanelor care alcătuiesc publicul ţintă. 

Una din cerinţele de bază atunci când se proiectează o pagină web o reprezintă accesibilitatea. 
Aceasta înseamnă că orice ”netsurfer” trebuie şi poate să aibă acces la situl creat, indiferent de browserul 
pe care-l foloseşte (inclusiv browsere text ca Lynx, links), rezoluţia sau dimensiunile ecranului şi setările 
calculatorului. 

Având în vedere că principalul motiv pentru care oamenii accesează Internetul este căutarea de 
informaţii dintr-un domeniu sau altul, trebuie acordată o atenţie deosebită conţinutului unui sit web prin 
oferirea unor informaţii de actualitate, sfaturi sau mici secrete. 

Prin activitatea de machetare a unei pagini web se înțelege modul cum sunt aranjate elementele 
constitutive ale unei pagini : conţinut, grafică, legături, sistem de navigare, elemente multimedia, etc. 
Pentru ca toate informaţiile să fie prezentate într-un mod atractiv şi original, o pagină web poate să fie 
simplă sau împărțită în: 

e cadre; 
e tabele; 
e o combinaţie a acestor elemente. 

Cadrele permit afişarea a două sau mai multe pagini web, în acelaşi timp, prin împărțirea ecranului 
în mai multe secțiuni independente. Iniţial, cadrele au fost o inovaţie a firmei Netscape dar pe parcurs ele 
au fost folosite din ce în ce mai mult şi tot mai multe browsere le-au acceptat. Cadrele reprezintă o 
metodă controversată de machetare a unei pagini web. În rândul webdesigner-ilor există susținători şi 
adversari ai folosirii cadrelor ca o soluţie eficientă de aranjare în pagină. Folosirea cadrelor prezintă atât 
avantaje cât şi dezavantaje. 


3 http://www.afaceri.net/webdesign/webdesign.htm 
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Avantajele folosirii cadrelor sunt: 

e cadrele uşurează navigarea prin pagini; 

e uşurează operaţiunile de actualizare şi de întreţinere a sitului; 

e încărcarea conţinutului e mai rapidă, deoarece partea fixă se încarcă doar la început, nu la fiecare click; 

e informaţia importantă (o reclamă sau adresa de contact etc.) poate fi păstrată tot timpul sub ochii 
vizitatorului. 

Dezavantajele utilizării cadrelor sunt: 

e se reduce spaţiul de afişare; 

e indexarea sitului de către motoarele de căutare este anevoioasă; 

e trecerea paginii la favorities este o operaţiune dificilă. 

În cadrul activităţii de machetare se acordă o mare importanță stilului în care apar paginile web. 
Stilul trebuie să fie unitar şi uşor de recunoscut. Atunci când se analizează stilul de scriere pentru o 
pagină web, trebuie luat în considerare faptul că un text pe ecranul monitorului se va citi mai greoi şi mai 
încet (în medie cu 20%) decât textul tipărit. Există o serie de aspecte importante în legătură cu stilul unei 
pagini web: 

e stilul de scriere (felul fonturilor, dimensiunea, culorile, etc. ) trebuie să fie similar pentru toate 
paginile. În acest fel, cititorul se va familiariza mai uşor cu paginile pe care le vizitează; 

e nu este recomandată folosirea unei varietăți prea mari de fonturi pentru aceeaşi pagină, fonturile 
uzuale fiind Arial şi Times New Roman; 

e evitarea folosirii de text în care să existe numai litere mari. Acest text se citeşte mult mai greu şi 
cititorul va avea senzația că este agresat vizual; 

e nu este recomandabilă folosirea textelor care clipesc (blink text) şi a textelor care defilează (scroling 
marques); 

e pentru a da o notă deosebită conţinutului, prima litera a unui paragraf poate fi scrisă cu un alt font , altă 
dimensiune şi o altă culoare; 

e se poate încerca şi folosirea unei culori atractive pentru text, dar în acest caz trebuie să existe un 
contrast suficient de mare între această culoare şi culoarea fundalului. 

Modul de aranjare a elementelor în pagină prezintă o importanță deosebită: 

e o pagină trebuie să fie echilibrată. Senzaţia de dezechilibru a unei pagini dată de aglomerarea într-o 
anumită zonă a mai multor elemente şi prezenţa în alte zone a unor spaţii goale este destul de 
neplăcută; 

e navigarea trebuie să fie uşoară şi naturală, fără o ierarhie prea adâncă; 

e o pagină trebuie să se caracterizeze prin unitate. Stilul trebuie să se păstreze până la sfârşitul paginii 
astfel încât vizitatorul să nu creadă la un moment dat că a părăsit pagina inițială. 

În realizarea paginilor web, grafica se foloseşte, în principal, pentru îmbunătăţirea aspectului unui 
sit şi creşterea atractivităţii acestuia. Imaginile mai sunt folosite şi pentru sublinierea unui text sau a 
mesajului transmis de o pagină web. Este recomandată includerea numai a imaginilor absolut necesare şi 
care sunt într-adevar valoroase. Pagina web nu trebuie să arate, în nici un caz, ca un bloc masiv de text 
deoarece cititorii vor obosi foarte repede şi vor renunța să-l citească până la capăt. Fiecare pagină ar trebui 
să conţină una sau două imagini sugestive, care să simbolizeze, pe cât posibil, titlul sau subiectul 
principal din pagina respectivă. Pentru ca o pagină ce conţine imagini să se încarce mai repede, se 
recomandă folosirea atributelor HEIGHT şi WIDTH ale etichetei IMG. În acest mod, browserul cunoaşte 
cât de mult spațiu este ataşat fiecărei imagini şi începe încărcarea textului imediat, în paralel cu încărcarea 
imaginii respective. Dacă nu se specifică aceste atribute, browserul va calcula mai întâi dimensiunile 
imaginii. Un alt atribut al etichetei IMG care se recomandă a fi folosit este atributul ALT care trebuie să 
conțină denumirea legăturii pe care o reprezintă imaginea respectivă. 

Poate cel mai important lucru la un site web este uşurinţa cu care utilizatorul se deplasează în 
interiorul lui. Acest lucru este dificil de realizat pentru că: nu se cunoaşte intenția vizitatorului, ce caută el 
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în pagină, care informaţii îl interesează mai mult, etc. Pentru creşterea vitezei de navigare în sit ar trebui 

să ținem seama de următoarele aspecte: 

e pagina trebuie începută cu text, astfel încât vizitatorul să-şi dea seama repede unde se află; 

e în fiecare pagină trebuie folosită navigarea pe baza de text; 

e evitarea folosirii tabelelor imbricate; 

e ocolirea animației; 

e evitarea utilizării paginilor care nu au nici o legătură spre nici o altă pagină; 

e nutrebuie folosit ca text de legătură "click here” sau "apasă aici”, ci ideea efectivă care face legătura; 

e folosirea metodei ierarhice de legare a paginilor prin evitarea legării tuturor paginilor la pagina 
principală. 

În ce priveşte folosirea elementelor multimedia în proiectarea paginilor web, există foarte multe 
standarde şi plug-in-uri pe Internet. Majoritatea browserelor acceptă trei tipuri de fişiere audio: WAV, 
AU şi MIDI. În această problemă opiniile sunt împărțite. Mulţi webdesigneri sunt de părere că fişierele 
audio nu ar trebui să fie folosite la crearea paginilor web. Pe de altă parte, având în vedere că majoritatea 
PC-urilor sunt dotate cu plăci de sunet, fişierele multimedia se pot folosi totuşi într-o proporţie 
rezonabilă. Nu trebuie uitat faptul că folosirea unor fişiere multimedia (care în general sunt de mari 
dimensiuni) duce la creşterea substanțială a perioadei de încărcare a paginii web. Astfel, un fişier audio 
WAV de numai 30 secunde ocupa aproximativ 150 Kb iar un fişier video de aceeaşi lungime ocupă 
câțiva Mb. În ultimul timp s-au dezvoltat tehnici noi, cum este de exemplu Flash, produs de firma 
Macromedia. Prin această tehnică se obține un raport de compresie al sunetului mult îmbunătățit. 
Fundalul sonor existent în filmele Flash poate fi dezactivat cu un simplu click de mouse. Activitatea de 
programare constă în realizarea propriu-zisă a unui sit web. 


VIII. Principii de design Web 


“Dacă vrei să construieşti o casă fără un plan sau un proiect, casa nu va avea prea mari şanse 
de supraviețuire pe termen lung. Acest lucru este şi mai valabil dacă încerci să construieşti acea casă 
într-un mediu instabil. Planificarea şi evaluarea atentă a nevoilor şi a mediului înconjurător te ajută şi 
te ghidează să construieşti o casă rezistentă şi sigură." 

Deoarece Web-ul este în mod similar un mediu instabil, acelaşi grad de atenţie trebuie alocat în 
faza de planificare a dezvoltării unui site. 

Obiectivul este construirea unui site Web care să funcționeze cu succes atât în prezent cât şi pe 
viitor. Un mod de a atinge acest obiectiv este să fim siguri că avem un plan bun. 


Dezvoltarea unui plan pentru proiectarea unui site 


Un plan luat pas cu pas ar putea arata cam aşa: 
e definirea tipului site-ului pentru care dezvoltăm planul precum şi categoria (Internet, intranet, 
extranet); 
e analiza audienței curente şi anticipate; 
e este site-ul compatibil cu orice tip de platformă? este compatibil cu orice tip de browser? vom putea să 
profităm de tehnologiile specifice platformei? 
e o privire de ansamblu asupra scopurilor pe termen scurt şi pe termen lung urmărite în crearea site-ului. 
“Continuând metafora casei, definirea site-ului este ca alegerea tipului de casă pe care îl doreşti 
şi unde vrei să o construieşti.” 
Formele pe care le poate lua un site Web sunt foarte variate. Primul pas în definirea site-ului este 
de a determina tipul site-ului care urmează să fie proiectat deoarece fiecare tip presupune provocări şi 


+ Molly Holzschlag, “Web by Design: The Complete Guide”, Sybex Inc., 1998 
5 Molly Holzschlag, “Web by Design: The Complete Guide”, Sybex Inc., 1998 


21 


probleme unice. 

Următoarea întrebare este unde să fie plasat site-ul. În general, se va afla fie pe Internet (un site 
Web standard), sau pe o reţea internă (referită ca un intranet) sau se poate afla undeva între, pe un 
extranet. 

Va trebui probabil, ca proiectanți de site-uri Web, să lucrăm cu un număr de tipuri de site-uri sau 
combinații de tipuri. Un lucru important de reținut este că fiecare site oferă oportunități şi provocări. Va 
trebui să gândim cu atenție în fazele planificării fiecărui site astfel încât să încorporaţi servicii adecvate şi 
interesante care să facă vizitatorii site-ului să revină. 

Există 3 categorii de site-uri Web: Internet, intranet-uri şi extranet-uri. Internetul este locul unde 
se găsesc în mod obişnuit site-urile Web. 

Intranet-urile conțin site-uri Web neaccesibile publicului larg, folosite în primul rând de 
corporaţii. 

Cea mai nouă categorie este reprezentată de extranet-uri, un amestec de acces public şi acces 
privat. Toate aceste categorii de site-uri sunt accesate folosind un browser de Web şi sunt construite cu 
HTML şi alte tehnologii legate de Internet. 

Următoarele concepte sunt important de luat în considerare în proiectarea site-urilor Web pentru 
Internet, chiar dacă majoritatea acestora sunt urmate şi în proiectarea intranet-urilor şi extranet-urilor: 

e site-urile Web pentru Internet ar trebui să fie disponibile pe orice platformă, cu alte cuvinte să fie 
accesibile. Indiferent de platforma folosită, ar trebui să se obţină informațiile dorite fără nici o 
dificultate. 

« în afară de compatibilitatea cu mai multe platforme, site-urile Web pe Internet ar trebui să fie vizibile 
cel puţin cu ajutorul principalelor browsere de Web cum sunt Internet Explorer, Opera sau Netscape 
Navigator. 

+ accesibilitatea textului ar trebui să fie disponibilă pe toate site-urile. 

e site-urile Web pentru Internet ar trebui să aibă viteză optimizată, adică textul şi grafica ar trebui să se 
încarce repede. 

Următorul pas în procesul de proiectare este identificarea utilizatorilor potențiali ai site-ului Web, 
astfel încât să putem structura site-ul în funcție de nevoile şi aşteptările lor. Interesele şi nevoile 
utilizatorilor vor varia, de la începătorii care au nevoie de o introducere atent structurată, până la 
utilizatorii experți pe care s-ar putea să-i deranjeze dacă ceva pare să-i trateze de sus sau să le întârzie 
accesul la informaţii. 

Un sistem bine proiectat ar trebui să fie capabil să găzduiască o varietate de calificări şi interese 
ale utilizatorilor. 

Paginile principale ale site-urilor ar trebui să fie asemănătoare cu coperţile revistelor. Toate 
legăturile de pe pagina principală ar trebui să ducă spre interior, spre pagini din cadrul site-ului. Furnizaţi 
o prezentare foarte clară şi concisă a ceea ce se găseşte pe site şi ar putea interesa vizitatorul. 

Atunci când proiectați un site Web, încercaţi să răspundeţi la următoarele întrebări: 

site-ul pe care-l realizați este pentru copii sau pentru adulți? 

vizitatorii îl vor accesa de la şcoală, de la serviciu sau de acasă? 

cât de rapidă este conexiunea lor la Internet? 

ce hardware sau software folosesc? 

Cele mai bine planificate şi realizate site-uri Web pot avea un aspect total diferit, în funcție de 

software-ul şi echipamentele hardware pe care le folosesc vizitatorii. Acest lucru se explică prin faptul că 

surferii pe Web folosesc o gamă largă de calculatoare şi monitoare, precum şi modemuri cu viteze de 
conectare diferite. 

În plus, browser-ele folosite au caracteristici diferite iar unele lucrează numai în mod text. Pentru 
a complica lucrurile, multe persoane au dezactivate opţiunile de încărcare ale imaginilor sau opțiunile 
referitoare la Javascript şi Java. 
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Unele versiuni mai vechi ale browser-elor, ca de exemplu Netscape Navigator 1.0 şi Internet 
Explorer 1.0 şi 2.0, nu pot afişa paginile cu cadre (frames). Pentru a evita acest lucru puteți să facem 
suplimentar un set de pagini Web fără cadre şi să permiteţi vizitatorilor să aleagă între cele două opțiuni, 
în funcţie de browser-ul de care dispun. 

Dacă doriți neapărat să folosiți un plug-in este bine să furnizaţi o legătură către un site Web de 
unde vizitatorii să poată facă rapid un download. Când doriți să arătaţi fotografii sau alte imagini mari 
este bine să folosiţi tehnica "thumbnails", adică versiuni miniaturale ale imaginilor. 


Aspecte tehnice 

Conform unor statistici, majoritatea netsurfer-ilor au un calculator dotat cu un procesor Intel, 
monitor standard VGA şi folosesc un sistem de operare Windows, precum şi un browser Internet 
Explorer, Opera, sau Netscape. Conectările la Internet se fac în principal prin dial-up, folosind un modem 
cu rată de transfer de 33,6 kbps sau 56 kbps. 

De aceea, pentru a ne asigura că site-ul poate fi văzut de majoritatea vizitatorilor, este bine să 
verificăm modul de vizualizare al paginilor Web folosind o configurație minimă. Pentru acest lucru, vom 
căuta să folosim un monitor de 14 inch, cu o rezoluţie de 640x480 pixeli şi 256 culori şi un modem de 
28,8 kbps. 

Un pas foarte important în crearea unui site Web este să ne asigurăm că am definit un set de 
scopuri, să ştim ce anume vrem să realizăm cu site-ul Web. Fără o declarare clară a scopurilor şi 
obiectivelor, proiectul se va abate de la cursul dorit. Planificarea atentă şi un sens clar al scopului 
reprezintă cheile succesului în proiectarea site-urilor Web, mai ales dacă lucrăm într-o echipă. 

O formulare clară, scurtă a obiectivelor ar trebui să reprezinte temelia (fundamentul) proiectării 
site-ului. În declararea obiectivelor se dezvoltă scopurile şi aceasta va reprezenta instrumentul cu care se 
va analiza succesul site-ului Web. 

Lista ar putea continua cu precizarea altor câteva scopuri financiare şi organizaționale pe care ar 
trebui să le îndeplinească site-ul proiectat, cât va dura perioada de evaluare şi cum va fi evaluat succesul 
site-ului. 

Construirea unui site Web este de obicei un proces continuu, nu un proiect cu date statice. În 
planurile site-ului trebuie avute în vedere şi managementul pe termen lung şi întreținerea tehnică. Fără 
această perspectivă mai largă, publicația electronică va avea aceeaşi soartă ca multe newsletter-e, adică un 
început entuziast dar fără realizări de durată. 


Managementul informaţiilor 

Modul de proiectare şi de manevrare a informațiilor va ajuta la determinarea succesului site-ului 
Web. Chiar dacă proiectăm pentru Internet, pentru un intranet sau pentru un extranet, adunarea 
informațiilor, plasarea şi întreținerea lor este una dintre cele mai mari provocări cu care ne vom confrunta 
ca proiectanți de site-uri Web. 

Lipsa organizării în etapele creării unui plan reprezintă motivul pentru care atât de multe site-uri 
Web reprezintă mai degrabă o experiență confuză decât una plăcută pentru vizitatori. Web-ul este plin de 
site-uri sărăcăcios organizate din cauza lipsei de experiență din partea proiectanților, a neînţelegerii 
mediului, audienței şi scopului. Toate aceste capcane pot fi evitate însuşindu-ne deprinderile logice care 
se referă la probleme de management ridicate de un site Web. 

Un punct de pornire ar putea fi organizarea informaţiilor de care aveţi nevoie pregătind un format 
potrivit datelor de stocat. Acest lucru vă forțează să priviţi cu atenție scopurile, audiența şi să încercaţi să 
înțelegeți cum să potriviti informațiile într-un mediu hypermedia. 

“Tot atât de importante ca şi aspectele vizuale sunt aspectele mai abstracte cum sunt navigarea, 
structurarea conţinutului, folosirea limbajului şi a altor mijloace în sprijinul comunicării ideilor. '* 


€ Alan Richmond, “The Web Developer's Virtual Library” 
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În Internet, ca de altfel peste tot, timpul şi banii sunt elemente preţioase. Dacă paginile WWW 
sunt create aşa cum trebuie, atunci se pot economisi timpul şi banii. 

Textele lungi trebuie structurate astfel încât să ofere claritate. Elementele de grafică servesc atât 
la atragerea privirii cât şi ca puncte de intrare, dar pot fi folosite şi la îmbunătățirea imaginii de ansamblu. 

Internaționalitatea Internetului condiționează engleza pe prima pagină, cu opțiunea de a permite 
fiecărui utilizator accesul în limba sa maternă. Sumarul care urmează trebuie să ofere o vedere de 
ansamblu clară a informaţiilor. O structură unitară a meniului nu uşurează doar orientarea, ci reduce şi 
cheltuielile de transmisie, pentru că fişierele grafice folosite de mai multe ori nu trebuie transmise decât o 
singură dată. 

În cazul în care se utilizează imagini grafice, ele ar trebui să fie mici pentru că aceasta ar reduce 
traficul de date. De fapt, un număr mai mare de pagini Web mici sunt mai agreabile decât un document 
imens, care necesită mult timp pentru transmiterea sa de pe server la sistemul local al utilizatorului. 

Culorile de text constituie un foarte bun şi ieftin element de modelare a paginii. Culorile diferite 
combinate cu o imagine de fundal, pe care să fie scris textul, fac posibilă o foarte plăcută reprezentare a 
paginilor Web. 

În cazul graficelor care se suprapun peste fundal, textul şi grafica pot fi încă recunoscute. Astfel 
se creează pentru utilizator impresia unei folii care se suprapune peste ecran. Pentru reprezentarea 
culorilor sunt suficiente de regulă reprezentări de 8 biți cu 128 sau doar 16 culori. Modelul uzual, ce-i 
drept, cuprinde 256 de culori. Imaginile astfel create sunt însă foarte încete şi lente în transmisie. Pentru 
crearea graficelor pot fi de asemenea folosite mai multe tehnici: reprezentarea graficului sub forma unei 
imagini complete de sus în jos, folosind întreaga rezoluție, sau mai întâi crearea printr-o trecere rapidă, 
fără detalii, a contururilor şi apoi detalierea prin treceri succesive, adăugare de culoare şi cizelare. Cea de- 
a doua metodă este mult mai plăcută pentru utilizatori. Cea mai bună şcoală înainte de crearea propriului 
site este vizitarea prealabilă a unora deja existente. Cursul de vizionare directă conferă experiență şi 
generează foarte multe idei despre cum poate fi configurat site-ul şi ce ar fi mai bine de evitat. 


Marketing-ul site-urilor Web 


Marketing-ul în domeniul Web-ului este o problemă foarte importantă în cazul site-urilor Internet 
publice, comerciale şi totuşi este deseori omis în etapele planificării. 

Vestea bună este că Web-ul este foarte democratic, aşa că ceva mai puțin important este la fel de 
posibil de găsit ca şi ceva mai important. Investind mai mulţi bani în poziționarea pe Web nu înseamnă 
neapărat mai mulți vizitatori ai site-ului. Pe Internet există un amestec de noroc şi îndemânare care dă 
posibilitate utilizatorilor să găsească site-ul dumneavoastră între milioane de alte site-uri similare din 
ciberspaţiu. 

Primul lucru de care avem nevoie este “un nume de domeniu” sau un URL (Uniform Resource 
Locator). 

De ce este nevoie de un URL? Există multe răspunsuri la această întrebare, unele dintre ele fiind: 

e arată mai profesional şi dă o imagine mai bună; 

e oamenii pot reține mai degrabă un URL simplu ca www.alfa.com decât unul mai complicat ca 
www. 123www.co.uk/house/index.html; 

e motoarele de căutare rețin în mod preferențial domeniile de nivel superior şi nu sub-paginile unui 
domeniu. lar în cazul unor site-uri gratuite cu mii de site-uri individuale pe server, motoarele de 
căutare pur şi simplu nu vor lista site-urile individuale; 

e motoarele de căutare pot da o anumită importanță oricărui cuvânt cheie din numele domeniului. 

Cum vor găsi motoarele de căutare site-ul dumneavoastră? 

Este puţin probabil ca un motor de căutare pur şi simplu să găsească site-ul dumneavoastră Web, 
trebuie să informaţi motorul de căutare că site-ul există. Pentru aceasta există directoare şi motoare de 
căutare care operează în manieră diferită. 
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Un director este o bază de date administrată de oameni. Înainte de listare, un site este revăzut de 
un editor uman. Directoarele principale sunt Yahoo şi Open Directory (folosit de multe motoare de 
căutare ca o sursă de informaţii de rezervă). Vă veţi înscrie şi va rămâne să aşteptaţi ca editorul uman care 
va vizita site-ul dumneavoastră să fie suficient de impresionat ca să-l includă în director. Dacă nu primiți 
un e-mail de la ei care să confirme că aţi fost acceptat, tot ce rămâne de făcut este să vă reînscrieți în 
fiecare săptămână dacă site-ul dumneavoastră nu a fost adăugat în director. Este important să vă înscrieţi 
la categoria corectă. 

Motoarele de căutare, pe de altă parte, folosesc roboți şi nu oameni, pentru a analiza site-urile 
solicitante. Puteţi înscrie site-ul dumneavoastra cu uşurinţă la orice motor de căutare. Dar bineînţeles că 
înscrierea este un lucru iar obținerea unor rezultate clare este alt lucru. Principalele motoare de căutare 
sunt Alta Vista şi Excite dacă intenţionaţi să introduceţi site-ul dumneavoastra în traficul Web din UK. 

Analiza executată de motoarele de căutare va înregistra toate tipurile de factori, precum densitatea 
cuvintelor, meta-tag-urile (titlu, cuvinte cheie, descrieri), codificarea (imaginilor, legăturilor etc.). Aceste 
informații vor fi apoi depozitate în baza de date a motorului de căutare. Când utilizatorii interoghează 
baza de date, introduc cerințele de căutare iar motorul va folosi un algoritm matematic pentru a ordona 
paginile în baza lui de date cu relevanţă pentru cerinţele utilizatorilor. Ca proprietar de site Web, 
problema este că toate motoarele de căutare folosesc algoritmi diferiți şi chiar şi pentru un anumit motor 
de căutare, paginile returnate vor varia în funcție de cerința exactă. 

Cum puteţi afla câți vizitatori are site-ul şi cine sunt ei? 

Web-ul este o “junglă” cu multe alte site-uri Web care concurează pentru atenţia vizitatorilor, aşa 
că va trebui să vă asiguraţi că vor găsi site-ul dumneavoastră. 

Dacă site-ul dumneavoastră atrage 5 vizitatori azi, va atrage în jur de 5 şi mâine. Nu contează că 
sunt 300 de milioane de oameni conectaţi la Internet, “legea valorilor medii” spune că veți obține 
aproximativ acelaşi număr de vizitatori în fiecare zi, exceptând cazul în care vă angajaţi într-o strategie pe 
termen lung de îmbunătăţire a poziționării. 

După ce am amintit de marketing-ul prin motoare de căutare, am putea preciza şi marketing-ul 
prin banner-e. Banner-ele pot fi statice sau interactive şi pot de asemenea încorpora atât text cât şi 
imagini. În mod obişnuit ele furnizează o legătură de tip hypertext. Această metodă rămâne cea mai 
populară dar şi cea mai controversată formă de publicitate online. Controversa derivă din suma de bani 
cheltuită pe banner-e în contrast cu faptul că succesul reclamei prin banner este deseori dificil de 
cuantificat. 

Un alt tip de marketing este acela prin e-mail. Regulile de aur în marketing-ul prin e-mail sunt: 
amintiți-vă obiectivele dumneavoastră. Pentru ca o campanie de publicitate prin e-mail să fie un 
succes, trebuie să aveţi clar stabilite obiectivele pe care vreţi să le atingeți; 
obținerea permisiunii. Înainte de a trimite orice material publicitar prin e-mail, asiguraţi-vă că aveti 
permisiunea destinatarului. 
fiți concișşi. 
evitați ataşamentele. Fişierele ataşate nu numai că măresc timpul de încărcare a e-mail-ului, dar 
reprezintă şi un risc de virusare. 
gândiți-vă la cei 5W. Când trimiteţi un mail publicitar, reţineţi ceea ce profesioniștii în relaţii cu 
publicul numesc cei 5W: Who? (Cine?); What? (Ce?); When? (Când?); Where? (Unde?) şi Why? 
(De ce?). Cine primeşte mesajul? Ce obiective doriți să atingeți? Când este cel mai potrivit moment să 
trimiteţi informațiile? Unde va fi accesat mesajul dumneavoastră? De ce trimiteţi mesajul şi de ce ar 
trebui să-l citească destinatarul? Această ultimă întrebare este fără îndoială cea mai importantă şi ar 
trebui să vă urmărească în orice campanie publicitară prin e-mail. 
informați, nu faceţi publicitate. 
fiti formali. 
fiți gata de răspuns. 
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Proiectanţii devin din ce în ce mai preocupați în legătură cu marketing-ul, mai ales din cauza dez- 
voltării imense a Web-ului. Strategiile inteligente de marketing vor reprezenta o metodă puternică de a 
asigura succesul site-urilor pe termen lung. 


VIII. Design-ul paginilor Web 


Sunt motive fundamentale şi organizaționale pentru a subdiviza o cantitate mare de informații, 
indiferent dacă este furnizată pe suport de hârtie sau electronic. 


ărți mici de informaţii sunt de asemenea uşor de organizat în module care sunt parte a 
consistentului plan organizaţional care poate forma baza pentru link-urile din interiorul paginilor Web. 


Strategiile design-ului Web 


Toate prezentările de informații sunt structurate de câţiva parametri determinaţi de obiectivele 
propuse, de mediul ales şi de tipul audienței. Graficul de mai jos punctează patru teme majore pentru 
informațiile furnizate de Internet împotriva a două variabile fundamentale: cât de liniară va fi prezentarea 
şi cât de lung va fi timpul de contact al utilizatorilor: 
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complex 
lengthy 


User 
Contact 
Time 


concise 
briei 


linear Narrative non-linear 


Temele majore ale informaţiilor furnizate prin Internet 


Utilizatori (Browsers) 


Navigatorii de pe Internet sunt cititori nemotivaţi care ne pot parcurge pagina Web fără o misiune 
urgentă sau având un scop anume. Utilizatorii Internet ajung cu un scop precis mai mult în sit-urile ce 
aparțin de domeniul educațional. 

Istruire (Training) 

Aplicațiile Web bazate pe instruire au tendința de a avea un design foarte liniar, în prezent fiind 
puţine oportunități de a le exclude din pagina principală de prezentare. Nu trebuie să confundăm 
utilizatorii sau propriile noastre aşteptări, oferindu-le multe legături în afara mesajului central. 
Restricționând legăturile la functiile „Next” şi „Previous” vom garanta că toţi utilizatorii urmăresc aceeaşi 
prezentare şi ne permite să facem previziuni precise a timpului de contact al utilizatorului. Cele mai multe 
prezentări „training” presupun un timp de contact mai mic de o oră. Trebuie să informăm utilizatorii 
despre cât de lungă va fi sesiunea de lucru, şi să-i avertizăm să nu se îndepărteze de scopul instruirii dacă 
aceasta necesită evaluare. Aplicațiile de tip „training” necesită un nume de utilizator şi sunt adese 
prezentate sub formă de chestionare de tip grilă. Informaţiile referitoare la corectare şi note sunt în mod 
normal stocate într-o bază de date ce are legătură la sit-ul Web. 


A 


Invăţare (Teaching) 


Cele mai bune aplicații de învăţare sunt de asemenea construite în jurul unei prezentări centrale 
deosebite, dar de regulă oferă multe oportunităţi pentru studenți de a urmări principalele teme ale sit-ului 
Web. Informaţiile prezentate sunt de regulă mai mult sofisticate şi aprofundate decât aplicațiile de tip 
„training”. Link-urile reprezintă aspectul cel mai puternic al paginii Web, dar de asemenea pot distrage 
atenţia studenţilor, îndepărtându-i de prezentarea principală. Dacă dorim să furnizăm utilizatorilor link-uri 
către alte pagini cu un conţinut asemănător, putem grupa legăturile respective într-o pagină separată. 
Adeseori utilizatorii vor dori să listeze materiale din pagina Web şi să le citească ulterior. Putem să le 
uşurăm munca furnizându-le o versiune de listare care uneşte mai multe pagini. 

Educaţie (Education) 

Acest tip de aplicaţie este destinat utilizatorilor cu un grad înalt de educaţie. Structurile de design 
flexibile, interactive şi neliniare sunt liniare pentru acest tip de utilizatori, deoarece este dificil să 
previzionăm exact ce subiecte îi vor interesa mai mult pe experți sau pe absolvenţii de studii superioare. 
Designul trebuie să permită acces rapid la o gamă largă de subiecte, având legături atât către serverul 
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Timpurile de contact sunt 
neprevizibile, dar de regulă sunt mai scurte decât cele de tip educaţional sau de instruire deoarece 
utilizatorii sunt presaţi de timp. 


Conţinutul trebuie să fie foarte 
bine organizat pentru a suporta căutări rapide, descărcări cât mai simple a fişierelor şi opţiuni convenabile 
de listare. Trebuie să menţinem graficele la o cotă cât mai mică pentru ca pagina să se încarce cât mai 
rapid. Timpul de contact este de regulă scurt, cu cât mai scurt cu atât mai bine. 


Tipologia sit-urilor Web 


În momentul de față, literatura de specialitate este plină de gândiri neclare des 
despre Web pot „lega totul de toate”. 


Ordonarea liniară poate fi 
cronologică, în serii de subiecte progresând de la general la specific, sau chiar în ordine alfabetică cum ar 
fi: index-uri, enciclopedii sau glosare. 


Sit-uri de tip liniar 


Multe manuale procedurale, cursuri ale universităţilor sau descrieri de cazuri medicale sunt cel 
mai bine organizate ca o rețea. Pentru a avea succes unitățile individuale dintr-un grid trebuie să împartă 
o structură uniformă ridicată de subiecte. Adesea aceste subiecte nu sunt organizate în funcție de 
importanță. 

Din păcate grid-urile sunt dificil de înţeles, însă ele sunt destinate utilizatorilor cu experienţă care 
au deja cunoştinţe despre organizarea datelor într-un grid. În construcţia sit-urilor de tip grid se pot utiliza 
cu succes graficele. 
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Sit-uri de tip reţea 


e asemenea, o organizație ierarhică impune o 
disciplină folositoare pentru apropierea de conţinut, aşa cum numai ierarhia funcționează bine în 
organizarea unui material. De momentul în care diagramele ierarhice sunt familiare în corporaţii şi 
organizații, utilizatorii îşi creează uşor în minte modele de sit-uri. 


Sit-uri de tip ierarhic 


at Br Ratia ai 


Web-ul ca structură organizaţională pune puţine restricţii în calea utilizării informaţiilor. Această 
cale informațională dezvoltă în sit-urile Web legături atât cu informațiile din site cât şi cu informaţiile din 
exteriorul sit-ului. 
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Sit-uri de tip Web 


După conţinutul informațiilor pe care le oferă sit-urile se pot clasifica în: 

(Identity Sites for Corporations, Legal, and Financial Firms) 
(Entertainment Sites) 

ewspapers and Magazines) 

(Point of Sales Sites) 

Artistic Projects) 
Community Sites 


(Educational or Institutional Sites) 
Personal Promotions) 

(Search Engines and Databases) 
(Children's Sites) 


Proiectarea site-ului web este un domeniu extrem de creativ şi provocator pe care puţini îl 
stăpânesc. În concepția” lui Smith şi Chaffey proiectarea site-ului Web reprezintă suma dintre funcţie 
conţinut, formă, organizare şi interacţiune. 


Vom analiza apoi interacțiunea cu vizitatorul şi modul în care experienţa acestuia 


este îmbunătățită. 


De asemenea, este necesar, să începem să identificăm tot conținutul informației şi resursele 


7 Smith, P., Chaffey, D., eMarketing eXcellence: The Heart of eBusiness, Butterworth Heinemann, 
2002, p.162 
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grafice de care vom avea nevoie pentru a colecta sau crea site-ul în scopul realizării obiectivelor propuse. 


Care sunt obiectivele finale? 

O relatare clară, succintă a obiectivelor ar trebui să formeze baza proiectării oricărui site. Trebuie 
să avem o motivaţie precisă pentru crearea unui site, iar pentru acesta este necesar să explicăm 
obiectivele, în funcţie de îndeplinirea acestora urmând să analizăm viitorul succes al site-ului Web. 

A avea un site Web doar de dragul că şi alții au nu este o motivaţie. Trebuie delimitat clar ce 
avem de transmis prin site-ul nostru. 

Construirea unui site web este de obicei un proces continuu, nu un proiect ce se va finaliza la o 
anumită dată. De aceea, informaţiile puse la dispoziţie prin intermediul lui, trebuie actualizate frecvent. 
Editarea pe termen lung şi întreţinerea tehnică trebuie să facă parte din planul site-ului. Fără o perspectivă 
mai îndelungată, publicaţiile electronice vor avea aceeaşi soartă ca multe altele — un start entuziast, dar 
fără realizări finale. 


Cunoaşterea audienței 
Următorul pas în procesul de proiectare al site-ului îl reprezintă identificarea utilizatorilor 


potențiali ai site-ului, astfel încât structura să satisfacă nevoile şi aşteptările acestora. Experienţa, 
pregătirea, interesele şi nevoile utilizatorilor vor varia de la neiniţiaţi, care au nevoie de o prezentare atent 
structurată până la aşa numiții „power users”, adică utilizatori experimentați care sunt deranjaţi de orice 
aspect care li se pare că îi dirijează sau le întârzie accesul la informație. Orice sistem bine proiectat ar 
trebui să fie capabil să se adapteze la capacităților şi interesele utilizatorilor. 

În concepția lui Molly Holzschlag există trei metode: care ne ajută să definim publicul site-ului: 

+ definirea principalei pieţe ţintă. De exemplu, piaţa țintă a CD-urilor cu muzică rock „grunge” şi a 
benzilor cu muzică jazz ar putea fi bărbați cu vârsta mai mare de 20-25 de ani. 

* extinderea spre alte piețe potențiale. O altă ţintă pentru produsele prezentate în exemplul anterior ar 
putea fi femeile de aceeaşi vârstă. 

* includerea şi a altor pieţe, pieţe periferice ce pot beneficia de produsele şi serviciile dumneavoastră. 
Am putea include aici şi tinerii şi probabil indivizi mai în vârstă de 30-40 ani. 

O definire reală a audienței unui site constă în a stabili cine sunt utilizatorii şi care sunt scopurile 
şi obiectivele lor. 

Auditoriul unui site poate fi creat din navigatori Web (Web surfers), utilizatori începători şi 
ocazionali, utilizatori experimentați şi frecvenți, utilizatori internaționali. 

Utilizatorii începători şi ocazionali sunt influenţaţi de o structură clară şi un acces uşor la 
elementele care ilustrează cum este aranjată informaţia în interiorul site-ului. Începătorii sunt intimidaţi 
de meniurile complexe şi sunt tentaţi să cerceteze amănunțit site-ul dacă pagina principală nu este clar 
aranjată şi atractivă din punct de vedere grafic. Conform lui Jakob Nielson de la Sun Microsystems, „mai 
puţin de 10% din cititorii Web derulează paginile Web pentru a vedea şi informațiile din partea de jos a 
acestora "9. Rar, utilizatorii beneficiază de o imagine de ansamblu a paginilor, de hărţi ierarhice, 
pictograme şi grafice care să-i ajute să memoreze locul în care informaţiile sunt stocate în site. 

Utilizatorii experți şi frecvenți se bazează pe faptul că site-ul Web le va permite să obţină 
informaţia rapid şi cu exactitate. Utilizatorii experți sunt foarte deranjați de multiplele meniuri grafice, de 
experți şi frecvenți, în general, au în minte scopuri foarte precise şi vor aprecia meniurile text detaliate, 
schiţele structurii site-ului sau indecşii (table de materii) cuprinzători ai acestuia, ce le va permite o 
căutare şi o afişare rapidă. 


3  Holzschlag, M., Web by Design: The Complete Guide, Sybex Inc., 1998, p.170 
? Lynch, P. J., Horton, S., Web Style Guide: Basic Design Principles for Creating Web Sites, Yale 
University, 1997, p.8 - http://finfo.med.yale.edu/caim/manual/ 
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Pentru a câştiga un aport maxim de utilizatori internaționali, trebuie să avem prevăzut în site şi 
posibilitatea de traducere, cel puţin pentru paginile cheie ale site-ului. De asemenea, trebuie evitată 
folosirea jargoanelor locale idiosincratice (comportament excentric al individului sau grupului) şi a 
acronimelor tehnice complicate din paginile introductive sau explicative. Mai trebuie avut în vedere 
faptul că nu fiecare utilizator al site-ului urmează convențiile privind data noastră locală sau convențiile 
de timp. Asta înseamnă că nu trebuie să abreviem data în paginile Web. De exemplu „,3/4/97” poate fi 
interpretată ca „3 aprilie 1997” sau ca „4 martie 1997”. 


IX. Aspecte ale proiectării interfeţei Web 


Interfața grafică cu utilizatorul a unui sistem computerizat include metafore de interacțiune, 
imagini şi concepte folosite pentru a transmite funcţionalitate şi înţeles într-un mod vizual.” 

De remarcat faptul că, deşi documentele hipermedia interactive ridică noi provocări pentru 
designerii de informaţii, o mare parte din cunoştinţele necesare în vederea proiectării, generării, 
asamblării, editării şi organizării multiplelor forme de medii de comunicare nu sunt foarte diferite de cele 
folosite curent pentru mediile tipărite. 


Designul de bază al interfeţei 
Interfeţele grafice utilizator (gen Windows) au fost proiectate pentru a oferi utilizatorilor control 


direct asupra calculatoarelor personale. In prezent, utilizatorii se aşteaptă la un nivel sofisticat, dar 
sugestiv al designului şi în cazul paginilor Web. Scopul este satisfacerea nevoilor tuturor potenţialilor 
utilizatori, adaptând tehnologia Web aşteptărilor lor. O interfaţă este bine realizată atunci când ea se 
comportă aşa cum îşi doresc utilizatorii. 

Aşadar, în conceperea unui site, trebuie să adoptăm un design orientat spre utilizator. 

Sunt importante cercetările prealabile privitoare la nevoile publicului căruia i se adresează un 
anumit site. O soluție ar fi realizarea unor simple scenarii cu diferite tipuri de utilizatori ce caută 
informații în site-ul proiectat. Astfel, avem în vedere următoarele întrebări: Un utilizator experimentat ce 
doreşte să caute o anumită informaţie va fi ajutat sau împiedicat în acţiune sa de designul paginii? Dar un 
novice este intimidat de un meniu complex bazat pe informaţii tip text? 

Testarea designului realizat şi efectuarea de sondaje asupra preferințelor utilizatorilor sunt cele 
mai bune metode prin care ne putem da seama dacă proiectarea oferă utilizatorilor ceea ce se aşteaptă de 
la site-ul proiectat. 


Navigarea 
Cea mai importantă problemă de interfață a unui site Web este absenţa orientării în cadrul 


organizării locale a informaţiei site-ului. Pictogramele clare, consistente, o vederea de ansamblu asupra 
site-ului (grafică sau de tip text) şi o pagină de cuprins succintă pot oferi utilizatorului încrederea că au 
posibilitatea să găsească informațiile dorite fără să irosească timp. 

Utilizatorii trebuie să aibă întotdeauna posibilitatea de a se întoarce cu uşurinţă la pagina de start 
şi la oricare alte puncte importante de navigare din cadrul site-ului. Aceste legături fundamentale, care ar 
trebui să se regăsească în fiecare pagină a site-ului, sunt adesea butoane grafice ce furnizează legături de 
navigare de bază şi dă certitudinea utilizatorului că se află în continuare în domeniul site-ului nostru. 


10 Buraga, S., Proiectarea siturilor Web — design şi funcţionalitate, Ed. Polirom, laşi, 2002, p.175 
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First Web site 


“Back” 


Hypertext link 


“Forward” 
nd Web site 
(a sequence of pages) 
EM E E = 
— — — — 
“Previous page” “Next page” 


O altă sursă de confuzie pentru utilizator o constituie lipsa legăturilor dintr-o pagină. Fiecare 
document Web trebuie să includă măcar o legătură. Dacă paginile subsecţiunilor nu conțin legături spre 
nivelurile superioare ale ierarhiei de pagini sau spre pagina de start, vizitatorul nu mai poate accesa restul 
site-ului şi ajunge aşadar într-o „fundătură” web. 


Contextul 

O problemă importantă a navigării este contextul. Vizitatorii trebuie să înțeleagă contextul şi 
poziția lor în cadrul organizării informaţiilor de pe site. Paginile Web trebuie să ofere utilizatorilor indicii 
privind contextul şi organizarea informaţiilor, deoarece doar un anumit fragment dintr-un site este parcurs 
la un moment dat de un vizitator. 

Asigurarea contextului se poate realiza prin intermediul unei structuri hipertext liniare ataşate 
paginilor dintr-un fragment de site. Legăturile „Înainte” şi „Înapoi” sunt foarte utile pentru a menţine 
utilizatorul în contextul informaţiilor pe care le parcurge. 

Foarte important este şi asigurarea unei rezoluţii comune de 800x600, astfel încât paginile Web să 
fie afişate în totalitate pentru toți utilizatorii. 


Acces direct şi rapid 
In ceea ce priveşte categoria utilizatorilor experți sau grăbiţi, scopul principal este de a le furniza 


informația de care au nevoie cât mai repede. Aceasta înseamnă că trebuie concepută o ierarhie eficientă a 
informației, pentru a minimiza numărul paşilor de parcurgere a meniurilor de legături ale paginilor. 
Studiile privind interfețele Web au arătat că utilizatorii preferă meniuri care prezintă un minim de cinci 
până la şapte legături. 

Pentru ca utilizatorii să aibă acces la informaţiile dorite, trebuie ca încărcarea documentelor să se 
facă rapid. Utilizatorii nu vor avea răbdare să parcurgă, de exemplu, pagini incluzând imagini de 
dimensiuni mari şi care se încarcă greu. 


Asigurarea simplităţii şi consistenței 
Proiectarea unei interfeţe Web în care modelul mental al designerului să fie acelaşi cu cel al 


utilizatorului nu este o muncă prea uşoară. Este posibil ca utilizatorul să nu aibă aşteptări concrete în ceea 
ce priveşte interacțiunea lui cu site-ul. 

Trebuie astfel găsită o metodă de a oferi utilizatorului informații despre funcționalitatea unei 
componente a site-ului. Cea mai frecventă metodă folosită pentru aceasta este metafora. 

Metaforele care vor fi folosite trebuie să fie simple, familiare şi logice. De exemplu, dacă vrem să 
utilizăm o metaforă pentru acțiunea de a transmite informaţii vom folosi simbolul unei cărți şi nu al unei 
păsări. 

Pentru lizibilitate şi funcționalitate maximă, designul paginii şi al site-ului trebuie să fie construit 
după un model consistent de unități modulare, toate conforme aceluiaşi plan de bază, recurgând la 
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aceleaşi teme grafice, convenţii editoriale şi ierarhii de organizare. Scopul este să fim consistenți şi 
predictibili, astfel încât utilizatorii să exploreze cât mai confortabil site-ul. 


Accesibilitatea 

Accesibilitatea reprezintă una dintre cerințele de bază atunci când se proiectează o pagină Web. 
Aceasta înseamnă că orice vizitator trebuie şi poate să aibă acces la site, indiferent de browserul pe care-l 
foloseşte (inclusiv browsere text ca Lynx), rezoluţia sau dimensiunile ecranului, setările calculatorului 
sau eventualele disfuncţii ale vederii . 


Înainte de a începe activitatea de proiectare a site-ului trebuie să avem în vedere faptul că există 
motive retorice şi organizaționale fundamentale de împărțire a unei cantităţi mari de informaţie, indiferent 
dacă ele sunt prezentate pe pagini tipărite sau pe un site Web. Vizitatorii trebuie să aibă acces la părți 
distincte de informație, disponibile în cantităţi uşor de reținut. Modul în care oamenii caută şi folosesc 
informațiile sugerează, de asemenea, faptul că unitățile de informaţie mici şi distincte se dovedesc mai 
funcționale şi mai uşor de parcurs decât cele nediferențiate şi de dimensiuni mari. 


Organizarea informaţiei 

Fără o bază organizaţională solidă şi logică, site-ul nu va funcţiona bine, chiar dacă conținutul său 
este corect şi bine scris. 

Există patru paşi"! importanţi în organizarea informaţiei: împărţirea ei în unităţi logice, stabilirea 
unei ierarhii a datelor după importanţă şi generalitate, folosirea acestei ierarhiei pentru a structura relațiile 
dintre unități, apoi analizarea succesului sistemului din punct de vedere funcțional şi estetic. 


Divizarea informaţiei 

Cele mai multe informaţii din WWW constau din scurte documente de referință ce sunt citite 
nesecvenţial. Autorii documentelor tehnice au descoperit, mult înainte de inventarea Web-ului, că 
utilizatorii apreciază unitățile mici de informație ce pot fi parcurse şi localizate rapid. Organizarea în 
unităţi succinte de informație şi uniform structurate trebuie folosită şi în cazul Web-ului, din următoarele 
motive: 

e puţini utilizatori îşi petrec timpul citind lungi pasaje de text pe ecranul calculatorului. Cei mai mulți 
utilizatori vor salva documentele lungi pe disc, sau le vor tipări, mai degrabă decât să citească online 
materialele vaste. 

e grupurile distincte de informaţie sunt potrivite ele însele legăturilor Web. De obicei, utilizatorul care 
urmează o legătură hipertext se aşteaptă să găsească un fragment din informația căutată, şi nu o carte 
pe care trebuie să o parcurgă în întregime. Totuşi, informaţiile nu trebuie divizate prea mult deoarece 
cititorii vor fi frustrați. O legătură care ar conduce doar spre un paragraf scurt de informații ar fi 
nepotrivit, în cele mai multe situații. 

+ un format uniform de organizare şi prezentare a informațiilor va permite utilizatorilor să-şi folosească 
experiența de navigare acumulată în cadrul site-ului pentru viitoarele căutări, şi, totodată le va da 
posibilitatea acestora să-şi dea seama cum va fi organizată o secţiune nouă a site-ului. 

e unităţile concise de informaţii sunt mult mai potrivite ecranelor de calculator, care oferă doar o viziune 
limitată a documentelor lungi. Paginile Web foarte lungi dezorientează utilizatorul deoarece el trebuie 
să deruleze conţinutul (folosind barele de defilare) şi să-şi amintească modul de organizare a 
informațiilor care au fost deja derulate şi nu mai sunt disponibile pe ecran. 

O unitate de informaţii trebuie să asigure flexibilitate, consistență, organizare logică şi uşurinţa 
accesării datelor. Informaţiile sunt aşadar organizate şi divizate în funcție de natura conţinutului. 


1! Ibidem, p.29 
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Stabilirea ierarhiei 

Orice acţiune de organizare a informațiilor are nevoie de o ierarhie a importanţei datelor, pentru a 
determina structurile de bază privind navigarea utilizatorului prin site. Majoritatea grupurilor de 
informație pot şi ar trebui să fie ordonate după importanță şi organizate după gradul relațiilor dintre 
elemente. Odată ce am determinat un set de priorități logice privind prezentarea informaţiilor, putem 
construi o ierarhie pornind de la cele mai importante sau generale concepte, terminând cu cele precise sau 
opționale. Organizările ierarhice sunt, în mod teoretic, o necesitate pe Web, deoarece multe pagini de start 
şi scheme de legături se bazează pe astfel de ierarhii, pornind de la imaginea de ansamblu a site-ului 
(pagina principală sau home page) ca fiind partea cea mai generală, apoi se merge spre submeniuri şi 
pagini de cuprins ce devin din ce în ce mai specifice. 


Realizarea relaţiilor dintre module de informație 

Când utilizatorii se confruntă cu un sistem informațional nou şi complex ei încep să construiască 
modele mentale, folosind apoi acele modele pentru a evalua relațiile dintre subiecte şi pentru a anticipa 
locul unde vor găsi informaţii noi. Succesul site-ului Web va fi, în mare parte, determinat de proporția în 
care sistemul de organizare actual se va potrivi cu aşteptările utilizatorilor. O organizare logică a site-ului 
permite utilizatorilor să facă preziceri de succes privind locul în care vor găsi informațiile căutate. Metode 
consistente de grupare, ordonare, etichetare şi aranjare grafică a informației dau posibilitatea utilizatorilor 
să-şi extindă cunoaşterea de la pagini pe care le-au mai vizitat la pagini cu care nu sunt familiarizați. O 
structură care nu este logică, va frustra utilizatorii în încercarea de a găsi o cale coerentă de parcurgere a 
informațiilor înrudite. 


Analizarea rezultatului din punct de vedere estetic şi funcțional 
După ce am creat site-ul, ar trebui să analizăm estetica sa şi caracterul practic şi eficient al 


schemei de organizare adoptate. Indiferent de structura organizatorică aleasă pentru site, un design Web 
corespunzător este, în mare măsură, o problemă de proporție între structura şi relația dintre meniurile sau 
pagina de start şi paginile de conținut individuale. Scopul este construirea unei ierarhii de meniuri şi 
pagini pe care utilizatorul să o perceapă în mod natural şi care să nu-i provoace confuzii. 

Site-urile cu o ierarhie superficială (too shallow) se bazează pe un meniuri masive care după un 
timp devin confuze grupând informaţii irelevante, listate fără o ordine anume: 


ejejelseEE= 


Structură de navigare superficială 
De asemenea, schemele de meniu pot fi prea adânci (too deep), scufundând informaţia sub prea 
multe niveluri de meniuri, iar utilizatorul pentru a ajunge la documentul dorit va trebui să urmeze prea 
multe legături conţinute de meniurile imbricate: 
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Menu pages 
TOO DEEP 
4 _ Menus are numerous and 
tao thin. Users are driven 
through an endless series 
E of nested menus. 


= B 


=== 


SL — a sad 


= = Content pages 


Structură de navigare prea adâncă 


Dacă site-ul Web creşte în permanenţă, proporția optimă dintre meniuri şi paginile de conținut se 
schimbă continuu. Structurile complexe ale documentelor necesită ierarhii adânci de meniuri, însă 
utilizatorii nu ar trebui să fie obligați să parcurgă mai multe pagini cu meniuri dacă este posibil accesul 
direct. Scopul este de a crea un arbore ierarhic bine proporționat care să faciliteze accesul rapid la 


informaţie şi să ajute utilizatorii să înțeleagă cum sunt organizate datele în site. Un exemplu de structură 
de meniu echilibrat este prezentat mai jos: 


3 & E ZI 
ES es ei == = 
323033 a8 
Bj 


Structură de meniu echilibrată 


Informatia care în mod natural „curge” ca o relatare, logic, este ideală pentru abordarea secventială. 
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O organizare 
ierarhică impune, de asemenea, o anumită disciplină în abordarea analitică a conţinutului, deoarece 
ierarhiile funcţionează eficient doar atunci când informaţiile sunt organizate judicios. 


Scopul este cel de a exploata la maxim puterea de legare şi de asociere oferită de spaţiul WWW, 
însă structurile de organizare în reţea pot uşor să propage confuzie şi să sugereze un model mental neclar 
rivitor la relațiile dintre unităţile de informaţie. 


De reținut este faptul că site-urile complexe prezintă proprietăţile caracteristice celor patru moduri 
de structurare a informațiilor. Următoarea figură rezumă cele patru modele de organizare a site-ului din 
punct de vedere al densității expunerii şi complexității conținutului: 


Tipurile de organizare ale site-urilor 


Complexitate =- | 


Densitate 


Aspecte generale privind designul conținutului 


Aspectele ce trebuiesc luate în considerare sunt cele ce privesc contrastul vizual dintre blocurile 
de text zonele înconjurătoare ale acestora. 


oamenii citesc în principal prin recunoaşterea formei generale a cuvintelor, nu prin analizarea fiecărei 
litere în parte. Astfel utilizarea majusculelor trebuie evitată când nu sunt strict necesare. De exemplu, în 
cazul titlurilor, majusculele ocupă mai mult spaţiu decât dacă s-ar folosi o combinaţie de minuscule şi 
majuscule. De asemenea, folosirea inutilă a acestora poate uneori chiar crea confuzii. 

Este indicat ca paginile să fie împărţite în documente mai mici, fiecare conținând în jur de 500 de 
cuvinte pe pagină. Paginile trebuie să fie uşor de citit, cu paragrafe scurte, nu mai mari de 5-7 propoziţii. 
În cadrul unui paragraf trebuie să încercăm să nu folosim prea multe legături. 

Dimensiunea caracterelor trebuie cuprinsă între 8 şi 12 puncte tipografice (pt) pentru text normal, 
iar pentru titluri şi subtitluri poate fi între 14 şi 16 pt. În ceea ce priveşte fontul, este de preferat ca un site 
să nu conțină mai mult de trei tipuri de fonturi. După alegerea corectă a tipului de font şi a dimensiunii 
acestuia, trebuie aleasă spaţierea liniilor de text. O spaţiere prea mică va duce la diminuarea contrastului 
vizual al paginii, însă nu trebuie să trecem în extrema cealaltă. 

Un aspect important al designului de conținut este alinierea textului, iar pentru alegerea lui trebuie 
să ținem cont de: mesajul ce va fi transmis cititorului (textul aliniat la stânga este considerat a fi mai 
prietenos, mai puţin formal decât cel aliniat complet - justify), lungimea liniilor (textul dispus pe coloane 
de lățime redusă nu trebuie aliniat complet pentru a nu conduce la o spaţiere inegală între cuvinte) şi 
lizibilitate. De reţinut este faptul că aşa cum este aliniat textul tot aşa trebuie aliniate şi subtitlurile. 

La prima vizită pe o pagină, privirea cititorului se va opri asupra titlurilor, subtitlurilor şi a 
sumarelor de articole, de acea este recomandată folosirea atentă a acestora. Ele nu trebuie să fie vagi, să 
nu conţină cuvinte lipsite de semnificaţie sau prea lungi. Vor avea tipul fontului şi mărimea caracterelor 
diferită de paragrafele având informaţii de conţinut. 

Utilizarea unor imagini de fundal „încărcate”, animate sau contrastând violent cu culoarea textului 
poate conduce la evitarea parcurgerii conținutului unei pagini. Nu trebuie să abuzăm de efectele de 
animaţie: texte care se mişcă sau clipesc neîncetat, multe imagini animate sau care clipesc în diferite 
culori, fundaluri sonore deranjante, deoarece aceste efecte obosesc vizitatorul unui site. Pentru paginile 
conţinând un volum mare de informaţie textuală cea mai bună soluție este fundalul alb pentru text negru. 
În elaborarea materialelor de prezentare pe web, este indicat ca pentru vizualizarea informaţiilor esențiale 
să se utilizeze contraste mai puternice, iar pentru informaţiile de conținut , contraste cromatice mai 
reduse. 

Este de preferat să folosim culori standard pentru link-uri în întregul site. Spre exemplu: albastru 
pentru link-urile către pagini pe care utilizatorul nu le-a accesat şi roşu pentru link-urile către paginile 
deja vizitate. În acest fel vom ajuta vizitatorul să se orienteze mai uşor în site. 

Timpul de încărcare este un alt aspect important, poate chiar vital. Un timp prea lung de încărcare 
a paginilor va plictisi utilizatorul şi-l va determina să părăsească site-ul. Limita acceptabilă de timp pentru 
încărcarea unei pagini se situează între 15 şi 30 de secunde. Desigur intervin o mulţime de factori care pot 
mări sau micşora timpul de încărcare a paginii: tipul de conectare, lățimea de bandă, infrastructura 
comunicațiilor. 


X. Inregistrarea şi promovarea site-ului 


Înregistrarea 

După realizarea efectivă a site-ului, trebuie să ne gândim la înregistrarea acestuia pe net, adică la 
posibilitatea ca vizitatorii să poată avea acces la site-ul nostru. Pentru aceasta avem nevoie de un nume de 
domeniu. Când alegem un nume de domeniu trebuie să avem în vedere ca el să fie sugestiv şi să 
simbolizeze site-ul. De asemenea, trebuie să fie uşor de scris şi de memorat şi să nu conţină caractere 
speciale precum: _,-, sau ~. 

În funcţie de specificul site-ului şi de bugetul alocat, putem alege două variante pentru numele de 
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domeniu: nume de domeniu propriu (contracost) şi nume de domeniu furnizat de o firmă (gratuit). 

Dacă alegem varianta numelui de domeniu propriu, trebuie să-l înregistrăm vizitând baza de date 
Intenic”S Whois la adresa www .internic.net. 

Numele de domeniu gratuit, furnizat de o firmă, este de obicei preferat de începătorii în Web 
design sau cei care nu au resurse suficiente. Pe Internet există foarte multe firme care asigură găzduire pe 
Web, printre cele mai cunoscute fiind: www.geocites.com, www.tripod.Iycos.com, www.freeyellow.com. 


Promovarea 

Promovarea este un pas foarte important care urmează după înregistrarea site-ului. Fără acest 
proces aproape nimeni nu va şti de existenţa site-ului nostru. Acest proces se numeşte marketing şi 
branding. Un marketing bine realizat dictează câți de mulţi vizitatori vor veni şi vor vizita site-ul, iar un 
branding bun dictează modul în care ei vor reține site-ul şi dacă ei se vor mai întoarce sau nu. 

Procesul de branding on-line este mai mult decât simplu şi se realizează prin plasarea pe site a 
unui element de identitate. 

Procesul de promovare a site-ului este complex, de durată şi implică anumite costuri, mai mici sau 
mai mari. Cele mai des folosite metode de promovare sunt: motoare de căutare, directoare, schimb de 
bannere, schimb de legături, marketing prin mail, liste de discuţii, newsgroup-uri, promovarea offline, 
etc. 

Motoare de căutare 

Un motor de căutare are o imensă bază de date, la crearea cărora oamenii contribuie foarte puțin. 
Pentru a căuta o informație, trebuie formulată o interogare alcătuită din cuvinte sau expresii cât mai 
apropiate de ceea ce dorim să căutăm. În urma interogării, motorul interoghează baza lui de date şi 
returnează o listă cu un număr mare de legături către site-uri web care conțin cuvântul cheie sau expresia 
folosită. 

Motorul de căutare cuprinde un program (crowler) care vizitează paginile Web, le citeşte şi apoi 
urmăreşte legăturile către alte pagini. Crowler-ele analizează titlul, etichetele META, antetul şi conținutul 
site-ului. Aceştia se întorc după un anumit timp pe site-uri, căutând eventualele schimbări care au fost 
făcute. 

Directoare (cataloage) 

Foarte mulţi consideră, în mod eronat, că directoarele şi motoarele de căutare reprezintă acelaşi 
lucru. Spre deosebire de motoarele de căutare, directoarele vor lista un site, numai dacă el a fost trimis de 
către webmaster. În general, ele sunt create manual, existând mai multe persoane care analizează, 
evaluează şi comentează conţinutul site-urilor trimise. Redactorii analizează în principal titlul, descrierea 
site-ului şi categoria sau categoriile care au fost selectate şi nu iau în calcul etichetele META . 

Schimbul de bannere 

Un banner reprezintă o suprafață grafică în care apar mini-reclame, făcând trimitere la un alt site. 
Scopul lor este să atragă atenția vizitatorilor astfel încât acestea să efectueze un clic pe ele. Aşezarea 
acestuia este esenţială, dar întru totul flexibilă. De exemplu, dacă avem un site care vinde maşini trebuie 
să adăugăm bannere pe alte site-uri care prezintă informaţii despre maşini. 

Promovare prin email 

În funcţie de metodele folosite aceasta poate fi nediferențiată sau diferențiată. Marketingul 
nediferențiat, numit şi spam se referă la transmiterea de mesaje la un număr foarte mare de adrese de 
email, fără ca persoanele respective să le fi solicitat. Acest mod de trimitere nediferențiată de mesaje 
deranjează pe foarte mulți oameni. Deşi această practică nu este ilegală există multe firme care încearcă 
să combată spam-ul. 

Promovarea diferențiată are în vedere următoarele metode: anunţuri publicitare on-line, editarea 
unui ziar electronic, liste de discuţii prin email, liste de email „Opt In”. Listele de email „Opt In” sunt 
liste în care oricine se înscrie, din proprie inițiativă, pentru a primi în email informații periodice despre 
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Acest tip de marketing foloseşte canalele de publicitate tradiționale: prin media (reviste, radio, 
TV, ziare) precum şi alte metode: plasarea URL-ului site-ului în anunţurile publicitare din pagini aurii 
(yellow pages), pe cărțile de credit, pe antetul scrisorilor companiilor (în cazul în care site-ul aparține unei 
firme), etc. 

În prezent, cele mai de succes site-uri Web îşi fac reclamă combinând mijloacele publicitare 
tradiționale cu cele online. 
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